[JavaScript知识库]vue的元素复用

vue会在v-if和v-for中使用元素复用（还不清楚会不会在其他地方用），
v-if与v-else之间切换时，并不会重新开始渲染元素，vue会检查v-if和v-else中相同的元素，直接替换元素的属性和增删没有的属性使得加载的更快； v-for也是同理，如果数据项的顺序被改变，vue并不会移动dom元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。
元素复用在很多时候都能加快页面的加载节省资源，但是有什么也是不适用的，只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的列表渲染输出。（也就是说子组件中数据改变时，vue还是会默认使用元素复用，此时页面是不会更新的；input中输入的value同样也是不会更新的），想要避免这种结果就给元素加上key