一天一题:简述Vue的生命周期

1,037 阅读1分钟

vue实例从创建到销毁的过程,就是生命周期。 也就是从开始创建、初始化数据,编译模板、挂载DOM —渲染、更新—渲染、卸载等一系列过程,称为Vue的生命周期 分为 8个阶段 创建前后 载入前后 更新前后 销毁前后BeforeCreate 组件实例刚刚被创建,获取不到props或者data中的数据,这些数据初始化都在initState中。

Created 实例已经被创建完成之后调用,可以访问到之前不能访问到的数据,但是组件还没有被挂载。

BeforeMount 挂载开始之前被调用。

Mounted dom节点被渲染到文档内,一些需要dom的操作在此时才能正常进行。

BeforeUpdate 数据更新时调用,发生在虚拟dom重新渲染之前 在这个钩子中进一步地更改状态 不会触发附加的重渲染过程

Update 组件DOM已经更新,可以执行依赖于DOM的操作,但应该避免在此期间更改状态 有可能会导致更新无限循环。

BeforeDestory 实例销毁之前调用,实例仍然可以调用。

Destroyed 实例被销毁后调用 调用后vue实例指示的所有东西都会解绑,事件监听器会被移除,所有子实例也会被销毁,该钩子在服务器端渲染期间不被调用。