什么是VNode在vue.js中存在一个VNode类,使用它可以实例化不同类型的vnode实例,而不同类型的vnode实例各自表示不同类型的DOM元素。简单来说,vnode可以理解成节点描述对象,他描述了应该怎样去创建真实的DOM节点。VNode创建DOM并插入到视图图中展示了使用vnode创建真实的DOM并渲染到视图的过程。可以得知,vnode和视图是一一对应的。Vue.js目前对状态的侦测策略采用了中等粒度。当状态发生变化时,只通知到组件级别,然后组件内使用虚拟DOM来渲染视图。因此,对vnode惊醒缓存,并将上一次的缓存和当前创建的vnode对比,只更新有差异的节点就变得很重要。这也是vnode最重要的一个作用。

Vue.js之VNode的使用

Vue.js之VNode的使用

Vue.js之VNode的使用

Vue.js之VNode的使用

Vue.js之VNode的使用

Vue.js之VNode的使用