这次给大家带来vue.js的列表渲染 v-for 数组 对象 子组件,使用vue.js的列表渲染 v-for 数组 对象 子组件的注意事项有哪些,下面就是实战案例,一起来看一下。
v-for(数组)
- {{item.name}} - {{item.price}}
- {{item.name}} - {{item.price}} - {{index}}
执行结果:

v-for(对象) 获取key - value
立即学习“前端免费学习笔记(深入)”;
- {{value}}
- {{key}} - {{value}}
执行结果:

v-for(子组件)
先创建一个a组件
代码a.vue代码如下:
{{ hello }}
在MyApp.vue中调用
执行结果:

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:










