Vue生命周期总共可以分为8个阶段:创建前后,载入前后,更新前后,销毁前后;以及一些特殊场景的生命周期
生命周期钩子 | 描述 |
---|---|
beforeCreate | 在实例初始化之后,进行数据侦听和事件/侦听器的配置之前同步调用 |
created | 在实例创建完成后立即同步调用 |
beforeMount | 在挂载开始之前被调用:相关的render 函数首次被调用 * |
mounted | 实例被挂载后调用 * |
beforeUpdate | 在数据发生改变后,DOM被更新之前被调用 * |
updated | 在数据更改导致的虚拟DOM重新渲染和更新完毕之后被调用 * |
activated | 被keep-alive缓存的组件激活时调用 * # |
deactivated | 被keep-alive缓存的组件失活时调用 * # |
beforeDestroy | 实例销毁之前调用 * |
destroyed | 实例销毁后调用 * |
errorCaptured | 在捕获一个来自后代组件的错误时被调用 # |
被*
标注的钩子在服务器端渲染期间不被调用;被#
标注的钩子在特殊场景下使用