vue.js源码剖析——虚拟 DOM（更新中）

Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化）项目见：https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e-task-03-02

任务二：vue.js源码剖析——虚拟 DOM

1、虚拟 DOM 概念回顾

• 什么是虚拟 DOM
  • 虚拟 DOM(Virtual DOM) 是使用 JavaScript 对象描述真实 DOM
  • Vue.js 中的虚拟 DOM 借鉴 Snabbdom, 并添加了 Vue.js 的特性。
    • 例如：指令和组件机制
• 为什么要使用虚拟 DOM
  • 避免直接操作 DOM，提高开发效率
  • 作为一个中间层可以跨平台
  • 虚拟 DOM 不一定可以提高性能
    • 首次渲染的时候会增加开销
    • 复杂视图情况下提升渲染性能