vue有哪些自带的回调函数
时间: 2023-07-17 08:11:48 浏览: 54
Vue.js提供了一些自带的生命周期钩子函数,用于在组件生命周期的不同阶段执行特定的操作。以下是Vue.js中常用的一些自带回调函数:
1. beforeCreate: 在实例初始化之后、数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
2. created: 在实例创建完成后被立即调用。此时实例已完成以下配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。
3. beforeMount: 在挂载开始之前被调用。相关的 render 函数首次被调用。
4. mounted: el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。实例已完成以下配置:编译模板,把 data 中的数据和模板生成 html。注意此时还未挂载到页面上。
5. beforeUpdate: 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁之前。可以在该钩子中对更新之前的状态进行修改。
6. updated: 虚拟 DOM 重新渲染和打补丁之后调用,组件已更新。
7. beforeDestroy: 实例销毁之前调用。在这一步,实例仍然完全可用。
8. destroyed: 实例销毁之后调用。此时,所有事件监听器已被移除,所有子实例也被销毁。
除了以上常用的生命周期钩子函数,Vue.js还提供了其他一些钩子函数,如activated、deactivated、errorCaptured等,用于处理组件的激活、失活和错误捕获等情况。
这些自带的回调函数可以让开发者在不同的组件生命周期阶段执行特定的逻辑,从而更好地控制组件的行为和交互。