vue2.0 v-for列表渲染

2025-07-25 21:39:18

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列表渲染
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:25
  • 阅读量:21
  • 阅读量:94
  • 阅读量:59
  • 阅读量:90
  • 猜你喜欢