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操作数据,因为即便操作数据,也不会再触发更新流程了。
原文地址:https://www.cnblogs.com/bingquan1/p/15786531.html