vue 2.x源码随手记 -- 生命周期

引文：看源码的随手记

Vue的生命周期

当我们new一个vue的时候,我们会执行vue.prototype._init函数,
这个时候会执行initLifecycle(),这个函数主要是定义一些初始化的vue实例的属性,比如合并抽象组件的$parent,$refs等,以及一些生命周期的标志位.
然后会执行initEvents(),这个函数作用大概是初始化父组件在子组件上添加的事件.
接下来会执行initRender(),作用是将vue实例初始化成一个虚拟的对象.
————————————
此时会执行beforeCreate
————————————
然后执行到initState(), initState 的作用是初始化 props、data、methods、watch、computed 等属性
————————————
created
————————————
这个阶段会去判断 是否存在template或者是render函数,然后给出警告提示之类的
————————————-
beforeMount
————————————-
调用render(),生成虚拟Dom对象,通过patch()将虚拟Dom生成真实的Dom节点
————————————-
mounted
—————————————
Vue存在一个Watcher类 来订阅通知数据的变化,.这个是否当已经完成了mounted,且数据有有变化的时候就会进行 beforeUpdate,当再一次 render() patch()的时候 ,到了updated阶段

最后 当组件的$destroy被调用的时候,会先执行beforeDestroy.接着执行了一系列的销毁动作，包括从 parent 的 $children 中删掉自身，删除 watcher，当前渲染的 VNode 执行销毁钩子函数等，执行完毕后再调用 destroy 钩子函数。