vue2生命周期函数(11个)以及执行顺序

目录

生命周期理解

在vue中只有页面的生命周期，简单来说就是指页面从出生到死亡的过程。

生命周期有哪些？

beforeCreate     页面创建前。创建阶段

created               创建后。这时可以获取到data数据，通常获取接口数据就是在‘created’时请求

beforeMount      挂载前。指令解析完毕，内存中已经生成dom树但尚未挂载到页面。此时页面还是旧的

mounted             挂载后。将解析完毕的内容挂载到页面。此时就能获取到dom元素了 

beforeUpdate     更新前。 运行阶段。  当data数据发生改变时会触发此函数，这时数据已经更新但是页面上还是旧的。

updated               更新后。执行到这一步就实现了数据与页面的统一

beforeDestroy     销毁前。此时生命周期进入销毁阶段，目前的data数据和methods以及其他指令都是可用状态

destroy                销毁后。已经完全销毁完毕，任何指令与方法都不可用

此外还有3个，分别是：

activated             组件激活时。当keep-alive 缓存组件才会有的生命周期的钩子函数

deactivated           组件未激活时。当缓存组件隐藏时才触发

errorCaptured        捕捉子组件错误时调用。会接收三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。可以使用 return  false 阻止报错，但实际上错误仍然存在我们一般不会这么用

总结：创建阶段：4个，运行阶段2个，销毁阶段2个，其他3个