599CN.COM - 【源码之家】老牌网站源码下载站,提供完整商业网站源码下载!

vue生命周期11个钩子函数

源码网2023-07-16 14:43:48149vue数据钩子组件

1. beforeCreate

在Vue实例初始化之后,数据观测(data observation)和事件/生命周期事件设置之前调用。

该钩子函数常用于在实例创建之前进行一些初始化的工作,比如配置插件、设定初始值等。

2. created

在Vue实例创建完成后调用,此时实例已完成以下配置:数据观测(data observation)、属性和方法的运算、事件回调。

这是在模板渲染之前最后一次修改数据的机会。

3. beforeMount

在挂载开始之前被调用,相关的render函数首次被调用。

此时模板编译已经完成,但是还未将渲染结果挂载到页面中。

4. mounted

在实例挂载到页面之后调用,此时DOM已经生成。

该钩子函数常用于进行异步操作(如请求数据)或操作DOM元素。

5. beforeUpdate

在数据更新之前调用,发生在虚拟DOM重新渲染和打补丁之前。

可以在该钩子函数中对数据进行修改,但是不得触发重新渲染。

6. updated

在数据更新完成之后调用,发生在虚拟DOM重新渲染和打补丁之后。

该钩子函数常用于操作DOM元素,但需避免在此钩子函数中修改数据。

7. beforeDestroy

在Vue实例销毁之前调用。

可以在此钩子函数中执行一些清理操作,比如清除计时器、取消订阅事件等。

8. destroyed

在Vue实例销毁完成后调用。

该钩子函数常用于释放资源,如解绑全局事件、销毁插件实例等。

9. activated

在使用keep-alive组件时,组件被激活时调用。

该钩子函数常用于在组件激活时执行一些初始化操作。

10. deactivated

在使用keep-alive组件时,组件被停用时调用。

该钩子函数常用于在组件停用时执行一些清理操作。

11. errorCaptured

当子孙组件抛出异常时,可以通过errorCaptured钩子函数进行捕获处理。

常用于进行错误日志的记录或发送错误报告。

转载声明:本站发布文章及版权归原作者所有,转载本站文章请注明文章来源!

本文链接:https://599cn.com/post/16276.html