-
beforeCreate(创建前):
在数据挟持的阶段,初始化事件还未开始。
-
created(创建后):
完成数据挟持,属性和方法的运算、初始化事件、$el属性还没有显示出来。
-
beforeMounted(挂载前):
在挂载开始之前被调用,相关的render函数首次被调用。实例完成编译模版,把data里面的数据和模版生成html的配置。此时还没有挂载html到页面上。
-
mounted(挂载后):
在el被新创建的vm.$el替换,并挂载到实例上去之后调用。实例完成用上面编译好的html内容替换el属性指向到DOM对象的操作,即完成将模版中的html渲染到页面。
-
beforeUpdate(更新前):
在数据更新之前调用,发生在虚拟DOM重新渲染和打补丁之前。可以在该生命周期中进一步地更改状态,不会触发重复渲染过程。
-
updated(更新后):
在由于数据更改导致的虚拟DOM重新渲染和打补丁之后调用。调用时,组件DOM已经更新,所以可以执行依赖于DOM的操作。然而在大多数情况下,应该避免在此期间更改状态,因为这可能会导致无限循环更新。该生命周期在服务端渲染期间不被调用。
-
beforeDestory(销毁前):
在实例销毁之前调用,实例仍然可以使用。
-
destoryed(销毁后):
在实例销毁之后调用,调用后,所有的是事件监听器会被移除,所有的子实例也会被销毁。该生命周期在服务端渲染期间不被调用。