Vue.js教程（四）：v-for循环操作

前言

本篇主要是Vue的循环操作，需要遍历数组。所以本篇严格来说有两个知识点：
1、v-for循环使用
2、vue中数组的定义

v-for基本使用

1、定义数组

如上todos是一个数组，更准确的说是一个json数组。

2、v-for遍历数组

    

        

            {{ todo.text }}
        
    

说明：todos是json数组，todo是数组的一个item。todo.text取到的就是{ text: ‘学习 Vue’ }中的text这个key对应的值。

完整代码如下：

    
    
    



    

        

            {{ todo.text }}
        
    

学习前端最好的方式就是动手用一用，效果出来了就明白了。