Vue生命周期

生命周期

• 又名：生命周期回调函数，生命周期函数，生命周期钩子
• 是什么？Vue在关键时刻帮我们调用的一些特殊名称的函数
• 生命周期函数的名字不可变，但函数的具体内容是程序员根据需求写的
• 生命周期函数中的this指向是vm或组件实例对象

钩子（生命周期）

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

//使用this.$destroy()可以销毁
1

常用的生命周期钩子

(1) mounted:发送ajax请求，启动定时器，绑定自定义事件，订阅消息等【初始化操作】
(2) beforeDestroy:消除定时器，解绑自定义事件，取消订阅消息

关于销毁vue实例

(1)销毁后借助Vue开发者工具看不到任何消息
(2)销毁后自定义事件会失效，但原生的DOM任然有效
(3)一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程