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钩子函数进行捕获处理。
常用于进行错误日志的记录或发送错误报告。
转载声明:本站发布文章及版权归原作者所有,转载本站文章请注明文章来源!