Press "Enter" to skip to content

Vue生命周期

Vue生命周期总共可以分为8个阶段:创建前后,载入前后,更新前后,销毁前后;以及一些特殊场景的生命周期

生命周期钩子 描述
beforeCreate 在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用
created 在实例创建完成后立即同步调用
beforeMount 在挂载开始之前被调用:相关的render函数首次被调用 *
mounted 实例被挂载后调用 *
beforeUpdate 在数据发生改变后,DOM被更新之前被调用 *
updated 在数据更改导致的虚拟DOM重新渲染和更新完毕之后被调用 *
activated 被keep-alive缓存的组件激活时调用 * #
deactivated 被keep-alive缓存的组件失活时调用 * #
beforeDestroy 实例销毁之前调用 *
destroyed 实例销毁后调用 *
errorCaptured 在捕获一个来自后代组件的错误时被调用 #

*标注的钩子在服务器端渲染期间不被调用;被#标注的钩子在特殊场景下使用

生命周期图示

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注