vue的生命周期

一、生命周期的4个阶段和8个过程

        将vue的程序按运行过程分为4个阶段，分别是初始化、挂载、更新以及销毁。

每个阶段有前后两个过程，分别是:

初始化前(beforeCreate)	初始化后（created）
挂载前（beforeMount）	挂载后（mounted）
更新前（beforeUpdate）	更新后（updated）
销毁前（beforeDestroy）	销毁后（destroyed）

二、初始化阶段

• beforeCreate：生命周期函数被执行此时不能访问data和menthods等中的东西
• created：生命周期钩子函数被执行，实例创建此时能访问data和menthods等中的东西

三、挂载阶段

• 虚拟DOM挂载成真实DOM之前:
• beforeMount ：生命周期钩子函数被执行
• Create： 把虚拟DOM和渲染的数据一并挂到真实DOM上
• 挂载完毕，mounted：生命周期钩子函数被执行

四、更新阶段

• 当data里数据改变, 更新DOM之前，beforeUpdate – 生命周期钩子函数被执行此时获取不到更新的真实dom
• Virtual DOM：虚拟DOM重新渲染, 打补丁到真实DOM
• updated – 生命周期钩子函数被执行

五、销毁阶段

• beforeDestroy：生命周期钩子函数被执行
• 拆卸数据监视器、子组件和事件侦听器
• 实例销毁后, 最后触发一个钩子函数
• destroyed： 生命周期钩子函数被执行