vue 的生命周期

vue yekong

beforeCreate

实例了vue但还没进行数据的初始化与响应式处理

created

数据已被初始化和响应式处理,在这里可以访问到数据,也可以修改数据

beforeMount

render函数在这里被调用,生成点拟DOM,但是还没转成真实DOM并替换到el

mounted

在这里,真实DOM挂载完毕

beforeUpdate

数据更新后,新的店劑DOM生成,但还没跟旧点拟DOM对比打补丁

update

新旧虚拟DOM对比打补丁后,进行真实DOM的更新

activated

被keep-alive缓存组件被激活时调用

deactivated

被 keep-alive 缓存的组件停用时调用

beforeDestroy

实例销毁之前调用。在这一步,依然可以访问数据

destroyed

实例销般后调用。该钩子没调用后,对应 Vue实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁

errorCaptured

当捕获一个来自子孙组件错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串,此够哦自可以返回false以阻止该错误继续向上传播。

喜欢