Vue.js 循环语句 |

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

强健的硬币 · 百款手机CMOS速查：相机传感器天梯与排名( ...· 6 月前 ·

一身肌肉的烈马 · Celine赛琳品牌最为经典也最受欢迎的单品 ...· 11 月前 ·

谈吐大方的电脑桌 · 济宁高新区管委会一线党建 ...· 1 年前 ·

独立的日记本 · 讲话全文_中华人民共和国外交部· 1 年前 ·

酷酷的卡布奇诺 · 爱上无敌俏皇后漫画下拉式_爱上无敌俏皇后漫画 ...· 1 年前 ·

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

推荐文章

强健的硬币 · 百款手机CMOS速查：相机传感器天梯与排名(23.12.12)_腾讯新闻

6 月前

一身肌肉的烈马 · Celine赛琳品牌最为经典也最受欢迎的单品是什么？

11 月前

谈吐大方的电脑桌 · 济宁高新区管委会一线党建蓼河新区机关党支部召开“庆国庆、看阅兵”主题党日活动

1 年前

独立的日记本 · 讲话全文_中华人民共和国外交部

1 年前

酷酷的卡布奇诺 · 爱上无敌俏皇后漫画下拉式_爱上无敌俏皇后漫画免费看全集-看漫画

1 年前