204、vue之v-for的“就地复用”和“key使用”

v-for的“就地复用”:一个数组有5项,删除第2项,这时vue修改数组长度为4,同时把原来5项数组的前4项渲染出来,所以实际显示的效果是删除了第5项。拖动元素的行为无效。只适用于不依赖子组件或者不依赖临时DOM状态(例如:表单输入值)的列表渲染输出。
v-for的“key使用”:“就地复用”失效,基于key的变化重新排列列表元素顺序,并且会移除key不存在的元素。拖动元素的行为有效。

猜你喜欢

转载自www.cnblogs.com/gushixianqiancheng/p/12902969.html