vue十一个生命周期
时间: 2023-10-08 10:09:51 浏览: 59
Vue的生命周期总共有11个阶段,按顺序分别是:
1. beforeCreate: 在实例被创建之前,此时实例的数据和方法都还未初始化。
2. created: 在实例被创建之后,此时实例的数据和方法已经初始化完成,但此时还未挂载到DOM上。
3. beforeMount: 在DOM挂载之前,此时实例已经完成了编译模板的过程,但还未将模板渲染到DOM上。
4. mounted: 在DOM挂载之后,此时实例已经将模板渲染到DOM上,可以获取到DOM元素。
5. beforeUpdate: 在数据更新之前,此时实例的数据发生了改变,但尚未重新渲染DOM。
6. updated: 在数据更新之后,此时实例的数据已经重新渲染到DOM上,可以获取到更新后的DOM元素。
7. activated: 在使用了<keep-alive>组件,并且缓存的组件被激活时调用。
8. deactivated: 在使用了<keep-alive>组件,并且缓存的组件被停用时调用。
9. beforeDestroy: 在实例销毁之前,此时可以清理定时器、取消订阅等操作。
10. destroyed: 在实例销毁之后,此时实例已经完全销毁,所有的事件监听器和子组件都被移除。
11. errorCaptured: 捕获子组件错误时调用。
以上是Vue的11个生命周期阶段,每个阶段都有相应的钩子函数可以用于进行一些特定的操作和处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)