生命周期

生命周期又名: 生命周期回调函数、生命周期函数、生命周期钩子

指的是Vue在关键时刻调用的一些特殊名称的函数

生命周期函数的名字不可更改, 但函数的具体内容是开发者根据需求编写的

生命周期函数中的this指向的是Vue实例对象

生命周期图解

生命周期各个阶段

• 将要创建 ==> 调用beforeCreate函数
• 创建完成 ==> 调用created函数
• 将要挂载 ==> 调用beforeMount函数 ==> 重要的钩子函数
• 挂载完成 ==> 调用mounted函数
• 将要更新 ==> 调用beforeUpdate函数
• 更新完成 ==> 调用updated函数
• 将要销毁 ==> 调用beforeDestroy函数 ==> 重要的钩子函数
• 销毁完毕 ==> 调用destroyed函数

总结

常用的生命周期钩子函数:

• mounted: 发送ajax请求、启动定时任务、绑定自定义事件、订阅消息等初始化操作
• beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作

关于销毁Vue实例:

• 销毁后借助Vue开发者工具看不到任何信息
• 销毁后自定义事件会失效, 但原生DOM事件依然有效
• 一般不会在beforeDestroy中操作数据, 即使操作数据也不会再触发更新流程