关于Vue中v-for变量定义的问题

刚接触vue没多久,可能是由于自己使用版本的问题。
看的教学视频和网站搜索的案例,v-for的迭代参数(这里的info, index)似乎是不需要进行提前定义的。而我如果不写就会报错,错误原因就是 _Property or method "info"/"index" is not defined on the instance but referenced during render. _。所以是为什么导致的这种情况。

infoAll是经过servlet获取处理的json变量,在key value等方面不会有问题。vue版本v2.7.14

img

代码中缺少一些数据声明,应该把它们添加到data中:

new Vue({
  el: "#main-part",
  data() {
    return {
      infoAll: [], // 定义infoAll
      info: {}     // 定义info
    }
  }
})

还有,给data添加的方法不完整,应该把大括号补充完整:

new Vue({
  el: "#main-part",
  data() {
    return {
      infoAll: [], // 定义infoAll
      info: {}     // 定义info
    }
  }
})

data里面不需要再定义index,v-for="(item,index) in arr" 这样就能取到index值了

原生的vue啊,data内不需要定义info,index,v-for的写法没问题,报错的话需要检查别的地方。