
文章链接
js语言和框架-vue.js-基本语法-if\show
面5笔5Vue虚拟DOM的实现原理
虚拟DOM就是使用js的object模拟真实的dom,当状态发生变化,更新之前做diff,达到最少操作dom的效果。虚拟DOM旨在避免不必要的DOM操作。
Vue中的虚拟DOM做了什么:
1.提供与真实dom节点对应的虚拟节点vnode
2.状态发生变化时,对比新旧两个vnode,更新视图。
vnode类型有:注释节点 文本节点 元素节点 组件节点 函数式组件 克隆节点;只有三种类型的节点会被创建并插入到DOM中:元素、文本、注释。