流程图
对比
张三的一生(张三的生命周期):
将要出生
(重要) 呱呱坠地 ===> 检查身体各项指标。
学会说话
学会走路
…
…
(重要) 将要永别 ===> 交代后事
已经永别
vm的一生(vm的生命周期):
将要创建 ===> 调用beforeCreate函数。
创建完毕 ===> 调用created函数。
将要挂载 ===> 调用beforeMount函数。
(重要) 挂载完毕 ===> 调用mounted函数。 ===========>【重要的钩子】
将要更新 => 调用beforeUpdate函数。
更新完毕 => 调用updated函数。
(重要) 将要销毁 => 调用beforeDestroy函数。>【重要的钩子】
销毁完毕 ===> 调用dertroy函数。
vm生命周期总结
常用的生命周期钩子:
1.mounted: 发送ajax请求、定时器、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。
2.beforeDestroy: 清楚定时器、绑定自定义事件、取消订阅消息等【收尾工作】。
关于销毁Vue实例:
1.销毁后借助Vue开发者工具看不到任何消息。
2.销毁后自定义事件会失效,但原生DOM事件依然有效。
3.一般不会在beforeDestroy操作数据,因为即便操作数据,也不会出发更新流程了。