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

Posted 2020-12-22 gushixianqiancheng

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