循环使用 v-for 指令。
v-for 指令需要以site in sites形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。
v-for 可以绑定数据到数组来渲染一个列表:

模板中使用 v-for:

v-for 迭代对象
v-for 可以通过一个对象的属性来迭代数据:

你也可以提供第二个的参数为键名:

第三个参数为索引:

v-for 迭代整数
v-for 也可以循环整数

内容来自:runoob.com 菜鸟教程
整理:极动云,宁波家电物联网云平台
CONTACT US: http://www.iot-jd.com
网友评论