vue第一次加载会触发哪几个钩子
时间: 2023-09-17 19:02:11 浏览: 148
vue钩子函数的11个
在Vue的生命周期中,第一次加载触发了以下几个钩子函数:
1. beforeCreate(组件实例创建前钩子)- 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用,此时组件实例的属性方法并未初始化。
2. created(组件实例创建后钩子)- 在实例创建完成后被立即调用,此时组件实例已完成了数据观测,属性方法也已经初始化。
3. beforeMount(组件挂载前钩子)- 在挂载开始之前被调用,此时模板编译已完成,但尚未挂载到页面上的DOM上。
4. mounted(组件挂载后钩子)- 在实例挂载到页面的DOM元素上后被调用,此时组件已经挂载到页面上,并且可以进行DOM操作、发送请求等一系列操作。
5. beforeUpdate(组件更新前钩子)- 在数据更新之前被调用,此时页面上的数据还是旧的,DOM还未更新。
6. updated(组件更新后钩子)- 在数据更新之后被调用,此时页面上的数据已经更新,DOM也已完成更新。
7. activated(组件激活时钩子)- 在keep-alive组件激活时调用,只适用于动态组件。
8. deactivated(组件停用时钩子)- 在keep-alive组件停用时调用,只适用于动态组件。
9. beforeDestroy(组件销毁前钩子)- 在实例销毁之前被调用,此时组件实例仍然完全可用。
10. destroyed(组件销毁后钩子)- 在实例销毁之后被调用,此时组件实例完全销毁,无法再调用其属性方法。
注意:以上钩子函数只适用于组件实例,对于根实例中的钩子函数,需在创建Vue实例时指定。
阅读全文