Vue源码2.x.x之整体梳理

前面已经介绍的都是Vue源码的一下细节,这一篇是对前面的一个总结以及梳理。ide

具体的一下细节,能够看前面的文章。函数

在执行new Vue()后,Vue先初始化数据:生命周期

initLifucycle :规格化 option && 初始化属性事件

initEcents :把父组件在子组件上绑定的自定义事件传递到子组件中源码

beforeCreated :执行生命周期函数it

initJections:读取 jections 若是有的话io

initStates:初始化 props 、methods、data 、computed 、watch编译

initProvide:初始化 provide模板

created:执行生命周期函数渲染

模板编译 :把模板编译成渲染函数

beforeMount :执行生命周期函数

Watcher 渲染函数:当渲染函数里面的数据变化会通知 Watcher 实例更新

mounted :挂载实例 替换 el

到此页面就已经渲染到页面上。接下来就是当数据更新时,更新DOM,以及卸载实例。

相关文章
相关标签/搜索