VUE生命周期

首先得 new Vue() 实例化一个vue实例。

这时会执行初始化函数 ：初始化生命周期函数 initLifecycle()、初始化事件 initEvent()、定义createElement函数 initRender()。

1. 执行 beforeCreated()

beforeCreated执行后，开始定义data数据、方法和事件，并完成数据劫持observe以及给组件实例配置watcher观察者实例。 这样当数据发生变化以后，才能感知数据的变化，完成页面的渲染。

2. 执行 created() ，此时已经可以拿到data和method下的方法 ，但是页面还没渲染出来

created执行后，如果没有实例对象el，会等待调用$mount(el)，调用后$mount(el)后判断是否有template，如果有实例对象el，也会判断是否有template参数，拿到后template会转成render函数

3.执行 beforeMount()

beforeMount执行后，首先会产生一个虚拟dom，当render函数被渲染时就会产生真实的dom。真实的dom会替换掉原有的编译模板template，生成一个真正可用的HTML

4. 执行 mounted()  生命周期属性 _isMounted被置为true。另外我们是可以操作dom的，因为dom这时候已经渲染完成了

ok 到这了如果数据不变化的话，其实不用也不会执行beforeUpdate 和 update

5. 执行 beforeUpdate() 会重新生成一个新的虚拟dom，然后最拿这个最新的虚拟dom和原来的虚拟dom进行diff运算，从而更新render函数的最新数据，再将更新后的render重新渲染成真实dom，也就是数据更新