本文详细介绍了Vue.js中v-for指令的使用方法，包括如何遍历数组、对象及进行双重遍历。通过实例展示了v-for在不同场景下的应用，如表格数据的循环展示，并解释了模板标签在循环中的作用。
vue的v-for指令用于数据的遍历，以便进行渲染。
1，v-for遍历数组
如图所示v-for 只需要在标签内部进行书写。遍历值用{{}}括住就能把
vue实例中data数据进行遍历。遍历数组有两个参数以第一个是数组元素，第二个是数组元素索引。
2，v-for遍历对象
与遍历数组同样的用法 第一个参数键值，第二个数组键，第三个参数对象属性的索引。
2，v-for双重遍历
数据对象
v-for双重循环使用
上图就以一个表实例说明，其中两个循环的取得元素名称可以一样，vue有自动识别机制。另外我使用v-for 把表循环了3次。
效果图
例子中使用了 template标签进行占位，在表循环复制时，它不会显示在浏览器中节省资源。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
