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,
    },
]

猜你喜欢

转载自www.cnblogs.com/mengfangui/p/8954211.html