Vue基础 - 生命周期

内容

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。

1. 生命周期的别名：生命周期回调函数、生命周期函数、生命周期钩子

2. => Vue在关键时刻调用的一些特殊名称的函数

3. 生命周期函数的名称不可更改，但是函数的具体内容是根据需求编写的

4. 生命周期函数中this指向是vm或者组件实例对象

5. 示意图

   

6. 常用的生命周期钩子

   1. mounted：发送Ajax请求、启动定时器、绑定自定义事件、订阅信息等【初始化操作】
   2. beforeDestroy：清除定时器、解除自定义事件、取消订阅消息等【收尾工作】

7. 关于销毁Vue实例的几点说明

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