Vue 框架的组成部分及简单原理分析(未完待更新)

对于 Vue 来说，Virtual DOM 技术是底层技术，组件化是思想，管理组件状态是重点。

虚拟DOM

虚拟节点（virtual DOM）将真实 DOM 中的数据提取出来，以对象的形式模拟树形结构。

---

diff算法

根据真实 DOM 生成 virtual DOM，当 virtual DOM 某个节点的数据改变会生成一个 Vnode，然后 Vnode 会与 oldVnode 比较，有不一样的地方直接在真实 DOM 上修改，然后将 oldVnode 的值变为 Vnode。

---

组件化

函数组件、类组件

---

数据更新机制

比如 vue 的数据更新依靠数据劫持
前段框架数据响应实现可以看我的这篇文章

---

全局状态管理

vue 中使用的是 vuex

---

路由设计

---

逻辑复用机制

hooks、Function based

---

模板语法

模板语法常见的是 jsx 和 template，在 vue 中这两种都可以用，template 用起来更方便一点，jsx 需要添加 babel 插件。

---

模板解析

?模板的目的是更方便的生成最终现实的的页面代码，不只是在前端，后端也有模板，比如 pug ejs 等。

---