13 vue中v-for循环普通数组

 

v-for 遍历数组 

格式为    <p  v-for="( item  ,index ) in list "> {{index}}  -{{item}} </p>

list 为data中的数组  。item代表其中的每一项 。 index是遍历的index值

 

 

比如

<script>
// 创建 Vue 实例，得到 ViewModel
var vm = new Vue({
el: '#app',
data: {
list: [1, 2, 3, 4, 5, 6]
},
methods: {}
});
</script>

 

结果是