v-for中的标识符:key

129 阅读1分钟

遇到的问题:

多列表切换状态渲染的时候,子组件更新,渲染重排问题。

习惯及分析:

平时习惯写法为:key为id去绑定

原因:

因为vue虚拟dom的diff算法。 区别: 因为标识符用的id标记,diff时直接删掉后旧的元素,再加入新的元素了。 而通过index的索引标记时,diff并不是直接删除,而是对比后再替换掉。