循环语句使用 v-for 指令。
v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。
v-for 可以绑定数据到数组来渲染一个列表:
v-for 实例:
- {{ site.text }}
模板<模板>中使用 v-for:
v-for 迭代对象v-for
- {{ site.text }}
- ------
模板>
v-for 可以通过一个对象的属性来迭代数据:
v-for 迭代整数v-for
- {{ value }}
v-for也可以循环整数
显示过滤/排序后的结果v-for
迪格>
- {{ n }}
我们可以对数组的元素进行处理后再显示出来,一般可以通过创建一个计算属性,来返回过滤或排序后的数组。
v-for/v-if 联合使用v-for 实例
输出数组中的偶数:
迪格>
- {{ n }}
以上实例联合使用 v-for/v-if 给 select 设置默认值:
v-for/v-if 实例
v-for 循环出列表,v-if 设置选中值:
您选中了:{{selOption}}