vue 生命周期

生命周期

1.原名：生命周期函数，生命周期函数。

2.vue在关键时刻帮我们调用的一些特殊的函数

3.生命周期函数的名称不可更改，但函数的具体内容是根据需求来编写

4.生命周期函数中的this指向的是vm或组件实例对象

下面是实例生命周期的图表。

生命周期开始时初始化：生命周期，事件，但数据代理还未开始

beforeCreate:此时：无法通过vm访问到data中的数据，methods中的方法

初始化：数据检测，数据代理

created:可以通过vm访问到data中的数据，methods中配置方法

第一个判断，此阶段vue开始解析模板，生成虚拟dom页面还不能显示解析好的内容

beforeMount 页面呈现的是未经vue编译的dom结构所有对dom的操作，最终都不奏效

将内存中的虚拟dom转为真实dom插入页面

mounted:页面中呈现的是经过vue编译的Dom.对dom的操作均有效至此初始化过程结束，一般在此经行：开始定时器，发送网络请求，订阅消息，绑定自定义事件等初始化操作

beforeupdata此时数据是新的，但页面是旧的，即页面尚未和数据保持同步

根据新数据，生成新的dom,随后与旧的虚拟dom进行比较，完成页面更新，

updataed数据是新的，页面也是新的，及页面和数据保持同步

beforeDestroy :vm中所有的data，methons,指令等等，都处于可用状态，马上要进行销毁过程，一般在此阶段：关闭定时器，取消订购消息，解绑只定义事件等收尾操作

常用的生命周期钩子

1mounted:发送ajax请求，启动定时器，绑定自定义事件

2.beforeDestroy，清除定时器，解绑自定义事件，取消订购i消息

关于销毁vue实例

1.销毁后借助vue开发工具看不到任何信息

2.销毁后自定义事件会失效，但原生dom事件依然有效

3.一般不会再berforedestroy操作数据，因为即便操作数据，也不会发生更新