请简述JavaScript钩子函数包括哪些。
时间: 2023-06-13 12:04:36 浏览: 224
钩子函数讲解
JavaScript钩子函数包括以下几种:
1. beforeCreate:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
2. created:实例已经创建完成之后调用,此阶段可以访问到data、methods、computed等属性,$el属性还不存在,DOM节点也未生成。
3. beforeMount:在挂载开始之前被调用,相关的render函数首次被调用。
4. mounted:el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子函数,此时实例已经可以访问到被渲染出来的DOM节点。
5. beforeUpdate:数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前,可以在该钩子函数中进一步地更改状态,不会触发附加的重渲染过程。
6. updated:由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子函数,可以执行依赖于DOM的操作。
7. beforeDestroy:实例销毁之前调用,在这一步,实例仍然完全可用,可以执行一些清理操作,比如清除计时器、解绑全局事件等等。
8. destroyed:实例销毁之后调用,调用后,所有的事件监听器会被移除,所有的子实例也会被销毁。
阅读全文