资讯专栏INFORMATION COLUMN

Vue.js第五课 循环语句

plus2047 / 2912人阅读

摘要:循环使用指令。指令需要以形式的特殊语法,是源数据数组并且是数组元素迭代的别名。

循环使用 v-for 指令。

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

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


  1. {{ site.name }}

尝试一下 »

模板中使用 v-for:
v-for



尝试一下 »
v-for 迭代对象

v-for 可以通过一个对象的属性来迭代数据:
v-for


  • {{ value }}

尝试一下 »

你也可以提供第二个的参数为键名:
v-for


  • {{ key }} : {{ value }}

尝试一下 »

第三个参数为索引:
v-for


  • {{ index }}. {{ key }} : {{ value }}

尝试一下 »
v-for 迭代整数

v-for 也可以循环整数
v-for


  • {{ n }}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/22996.html

相关文章

  • 五课 Css3旋转放大属性,正六边形的绘制

    摘要:恢复内容开始一效果二知识点红色绿色蓝色透明度使用绝对定位万能居中绝对定位层级旋转角度放大比例选择器优先级标签同级比价数量与相似独占一行三源码关键词描述旋转放大属性---恢复内容开始--- 一、效果 二、知识点 1、background-color: rgba(0,0,0,.4); (红色、绿色、蓝色、透明度(0-1)) 2、position: absolute; left: 0; top:...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

plus2047

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<