本文解释了Vue中的VNode概念，它是内存中的JavaScript对象，用于构建VNodeTree。文章着重讨论了VNode在提高渲染效率中的角色，以及使用key如何影响元素复用和顺序排列，强调同一层级子元素key的唯一性对避免渲染异常的重要性。
主要作为vue的虚拟DOM算法提示，在比较新旧节点时，用于识别vnode（虚拟节点）
这里，我们解释一下，什么是VNode？
VNode就是虚拟节点的意思，是存储在内存中的JavaScript对象。vue中模板引擎在渲染页面时会先将所有的标签渲染成一个个VNode，组成VNode Tree，再转成DOM（目的是为了多平台的适配）
vue会尽可能高效的渲染元素，通常会复用已有元素而不是从头开始渲染。这样做虽然极大地提高了vue的渲染效率，但也会产生其它一些问题。这个时候引入可以，就可以有针对的解决这些问题。
如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。
如果使用 key ，Vue会基于 key 的变化重新排列元素顺序，并且会移除/销毁 key 不存在的元素。
注意：同一公共父元素的子元素必须具有唯一的key，重复的key会导致渲染异常
扫一扫
3366
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
