vue--生命周期

vue 的实例或者组件的实例从诞生到销毁的一系列过程。

 

## 生命周期钩子函数

 

在生命周期的某些特定时间点主动触发的函数。

 

- beforeCreate 实例创建之前

1. 不能拿数据，不能调方法

2. 很少用

 

- created 实例创建完成

1. 可以拿数据，可以调用方法

2. 发送 ajax 请求 **\*** 常用

 

- beforeMount 挂载之前

1. 很少用

2. 不能获取到真实的 dom 数据

 

- mounted 挂载完成

1. 常用

2. 能获取到真实的 dom 数据

3. 发送 ajax 请求

 

- beforeUpdate 更新之前

1. 不常用

2. 能获取 dom 数据，但是是上一次的。

3. 不要在这里修改数据

4. 不要在这里发送 ajax 请求

 

- updated 更新完成

1. 常用

2. 获取修改数据之后，最新的 dom 数据

3. 不要在这里修改数据

4. 不要在这里发送 ajax 请求

5. 一些操作请做好判断。。。。

 

- beforeDestroy 销毁之前

1. 常用

2. 可以修改数据，但是页面不会更新了，因为数据的绑定已经移除了。

3. 做一些收尾工作，比如 清除计数器，移除 window.addEventListen('scroll') 监听的全局滚动条事件

 

- destroyed 销毁完成

1. 不常用。。