vue2.0 v-for列表渲染

 时间:2024-10-14 02:09:48

1、新建html文件,

vue2.0 v-for列表渲染

2、直接引用vue.js文件<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

vue2.0 v-for列表渲染

3、声明一组数据;vardata = [{name:张三丰},{name:XXX}];

vue2.0 v-for列表渲染

4、编写script脚本创建一个vue应用,用data:{data}传递属性值;

vue2.0 v-for列表渲染

5、循环渲染v-for="itemindata"

vue2.0 v-for列表渲染

6、在浏览器中打开,可以查看到渲染循环列表;

vue2.0 v-for列表渲染vue2.0 v-for列表渲染

7、v-for="(item,index)indata"输出索引值index;

vue2.0 v-for列表渲染vue2.0 v-for列表渲染
  • Vue2.0声明式渲染
  • CAD-渲染-光源列表
  • Vue2.0 v-if条件渲染
  • Vue2.0添加点击事件
  • 怎么在幻灯片中插入V型列表
  • 热门搜索
    鸡腿的做法大全家常 排骨冬瓜汤的做法 早餐食谱简单快速做法 绀怎么读 怎么射精 豆豉鲮鱼油麦菜的做法 的拼音怎么写 葱烧海参的做法 干炸黄花鱼的做法 微波炉烤地瓜的做法