循环使用 v-for 指令。

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

v-for 指令:

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

一个参数

Vue.js 循环语句_数据

二个参数

Vue.js 循环语句_迭代_02

三个参数:

Vue.js 循环语句_迭代_03

v-for 迭代整数:

 

Vue.js 循环语句_数据_04

v-for 指令:

Vue.js 循环语句_迭代_05