关于vue.js:Vuejs中的vfor为什么要用key

39次阅读

共计 403 个字符,预计需要花费 2 分钟才能阅读完成。

在之前的 vue 中 v -for 不绑定 key 不会报错,当初的 vue 中在编写的过程中如果不绑定 key 是会报错的。(当然这个起因并不足以压服我不加 key)

v-for 个别用在列表的渲染,渲染的时候会默认恪守就地复用策略。

 就地复用策略:当在进行列表渲染的时候,vue 会间接对已有的标签进行复用,不会整个的将所以的标签全副删除和创立,只会从新渲染数据,而后再创立新的元素直到数据渲染完为止。

key 属性能够用来晋升 v -for 渲染 DOM 的效率。key 属性必须是惟一不变的值(惟一标识),防止数据凌乱的状况的呈现。

加了 key 之后,vue 能够辨认每组节点。如果节点之间内容统一,只是程序发生变化,那么就没有必要进行减少删除操作了,而是间接进行程序的更改即可。大大晋升效率。

这里我倡议应用 id,如果没有 id 的情乱下应用 index(下标),然而尽量不要用 index,因为如果有元素被删除,就会导致 index 变动,从而会导致数据的凌乱。

正文完
 0