vue生命周期


生命周期

  1. 又名:生命周期回调函数、生命周期函数、生命周期钩子。
  2. 是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。
  3. 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。

举个例子 Person和vm的一生

张三的一生(张三的生命周期)
?将要出生
?呱呱坠地 ==> 检查身体各项指标 (重要)
?学会说话
?学会走路
?.......
?.......
?将要离别 ==> 交代后事(重要)
?已经永别

vm的一生(vm的生命周期)
?将要创建 > 调用beforeCreate函数。
?创建完毕 > 调用create函数。
?将要挂载 > 调用beforeMount函数。
?挂载完毕 > 调用mounted函数。
重要的钩子。
?将要更新 > 调用beforeUpdate函数。
?更新完毕 > 调用updated函数。
?将要销毁 > 调用beforeDestroy函数。
=重要的钩子。
?销毁完毕 ==> 调用Destroy函数。

总结

  1. 常用的生命周期钩子
    ?* mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
    ?* beforeDestroy:清除定时器、解绑自定义事件、取消订阅信息等【首尾工作】
  2. 关于销毁Vue实例
    ?销毁后借助Vue开发者工具看不到任何信息。
    ?销毁后自定义事件会小时,但原生DOM事件依然有效
    ?一半不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。
vue