教程 > vue3 教程 > 阅读:84

vue3 循环语句——迹忆客-ag捕鱼王app官网

循环使用 v-for 指令。

v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。

v-for 可以绑定数据到数组来渲染一个列表:

v-for 实例

  1. {{ site.text }}

v-for 还支持一个可选的第二个参数,参数值为当前项的索引:

v-for 实例

index 为列表项的索引值:

  1. {{ index }} -{{ site.text }}

模板

网站地图