打赏

Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究

本文参考:https://www.cnblogs.com/tim100/p/7262963.html

结论:

当我们在使用v-for进行渲染时,尽可能使用渲染元素自身属性的id给渲染的元素绑定一个key值,这样在当前渲染元素的DOM结构发生变化时,能够单独响应该元素而不触发所有元素的渲染。

即:

items: [
    {
        id: 2,
    },
    {
        id: 1,
    },
    {
        id: 3,
    },
    {
        id: 4,
    },
]

 

posted @ 2018-04-26 18:04  孟繁贵  阅读(287)  评论(0编辑  收藏  举报
TOP