vue获取列表中的数量_Vue 中的列表渲染

列表渲染

{ {item}} ---- { {index}}

let vm = new Vue({

el: '#app',

data: {

list: [

"hello","Dell","nice","to","meet","you"

]

}

})

上面是一个最基础的列表渲染，在实际开发中，还有很多细节点，为了提升循环的性能，会给循环项加一个唯一的key值。我们可以用index作为唯一的key值。

其实不推荐大家这样使用index的，因为这样使用index作为key值，在你频繁操作dom元素时，会比较费性能，无法充分让 Vue 复用dom。

key值

不用index作为key值，那用什么作为key呢？一般来说每个数据都有唯一的一个id，用它来作为key值就行了。

如下：

:key="item.id"> //key 值就没有必要使用 index

{ {item.text}} ---- { {index}}

let vm = new Vue({

el: '#app',

data: {

list: [

{id