Vue原理分析

原理

响应式原理纵向分析

1.x；2.x；3.x

Watcher: 计算属性、侦听属性

异步更新策略

diff算法

模板编译

render compile

• parse: 将template模板转换成AST语法树
• optimize: 优化AST树
• codegen: 将AST树转换成可执行代码

组件化机制

slot插槽实现

$set/Watcher

mixins混入原理

event

• DOM事件
• 自定义事件

v-model

provide/inject

参考

• Vue源码解析 (opens new window)
• （建议收藏）第一人称视角带你走进 Vue 源码世界 (opens new window)
• Vue.js 技术揭秘 (opens new window)
• Vue2源码系列 (opens new window)
• 【前车之鉴】Vue，你真的熟练了么？ (opens new window)