Vue.js 循环语句 |

相关文章推荐

没读研的油条 · 大悲咒高清图 - 百度· 1 月前 ·

无聊的葡萄酒 · 10月语言学联合书单｜老龄化与老年语言学_翻 ...· 2 月前 ·

有腹肌的熊猫 · 刘晓庆去年已再婚 ...· 4 月前 ·

潇洒的小虾米 · 埃及航空公司成功交接波音777-300飞机 ...· 5 月前 ·

才高八斗的茄子 · 征求意见已结束的法律行政法规草案· 6 月前 ·

Vue.js 循环语句

循环使用 v-for 指令。

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

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

v-for 指令

< div id = " app " > < li v-for = " site in sites " > {{ site.name }} </ div > < script > new Vue({ el: '#app', data: { sites: [ { name: 'Runoob' }, { name: 'Google' }, { name: 'Taobao' } </ script >

尝试一下 »

模板中使用 v-for：

v-for

< template v-for = " site in sites " > < li > {{ site.name }} </ li > < li > -------------- </ li > </ template > 尝试一下 »

尝试一下 »

wally

推荐文章

没读研的油条 · 大悲咒高清图 - 百度

1 月前

无聊的葡萄酒 · 10月语言学联合书单｜老龄化与老年语言学_翻书党_澎湃新闻-The Paper

2 月前

有腹肌的熊猫 · 刘晓庆去年已再婚第4任丈夫事业成功比其大(图)-中新网

4 月前

潇洒的小虾米 · 埃及航空公司成功交接波音777-300飞机 - 环球旅讯(TravelDaily)

5 月前

才高八斗的茄子 · 征求意见已结束的法律行政法规草案

6 月前