聊聊 vue 生命周期

一、常用的常用的生命周期钩子：

1. mounted: 发送 ajax 请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】

mounted() {
  console.log('vm 实例被挂载之后：mounted');
  this.timer = setInterval(() => {
    ...
  }
}

2. beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】

beforeDestroy() {
  console.log('vm 实例被挂载将要被销毁：beforeDestroy');
  clearInterval(this.timer);
}

3. 关于销毁 Vue 实例

   (1) 销毁后借助 vue 开发者工具看不到任何信息

   (2) 销毁后自定义事件会失效，但原生 DOM 事件依然有效

   (3) 一般不会在 beforeDestroy 操作数据，因为即便操作数据，也不会再出发更新流程了

vue 生命周期示意图