Vue.JS入门教程之列表渲染

前端之家收集整理的这篇文章主要介绍了Vue.JS入门教程之列表渲染前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

你可以使用 v-repeat 指令来基于 viewmodel 上的对象数组渲染列表。对于数组中的每个对象,该指令将创建一个以该对象作为其 $data 对象的子 Vue 实例。这些子实例继承父实例的数据作用域,因此在重复的模板元素中你既可以访问子实例的属性,也可以访问父实例的属性。此外,你还可以通过 $index 属性获取当前实例对应的数组索引。

查看一下效果,应该很容易得到结果

块级重复

有时我们可能需要重复一个包含多个节点的块,这时可以用