Vue中v-for渲染的个数不对

Question

1. 代码如下
   

运行后num打印为10

可是渲染出来只有两个li

2.但是若将代码改一下

就能渲染出10个li

3.为什么没改之前不能正确打印出10个li,而是打印的2个li?

Answer 1

v-for这里写的有问题，既然是循环数字，就不要加 idx否则vue会认为你这里循环的是对象或者数组this.data赋了值this.data.num1 有两个属性 getter 和 setter所以循环的时候是当做对象在循环这两个属性了