vue.js 模板里如何写for循环？

Question

var vm = new Vue({

el: "#app",
data: {
    listData:[]
},
filterData: function () {
        这里要怎么写才能把listData的值一个个迭代出来？
    }
    

在前端页面v-model绑定多个数据到listData，
请问上面问题要怎么写？
谢谢。

Answer 1

this.$root.listData.forEach((row, index) => {
})

好奇怪正常的我觉得不是应该这样吗
var listData=[.....]
el: "#app",
data: {

listData:listData

},
filterData: function () {

    listData.forEach((row, index) => {
    })
}

Answer 2

filterData: function () {

    这里要怎么写才能把listData的值一个个迭代出来？
}

===> 这个地方叫做“模版”吗？

Answer 3

for(var i = 0; i < this.listData.length; i++){

console.log(this.listData[i])

}