Vue生命周期

46 阅读1分钟

生命周期

一个Vue组件会经历:初始化,创建,绑定,更新,销毁等阶段,不同的阶段,都会有相应的生命周期钩子函数被调用

系统自带的生命周期钩子

生命周期钩子=生命周期函数=生命周期事件

  • beforecreate
  • create
  • beforemount
  • mount
  • beforeupdate
  • update
  • beforedestroy
  • destroy

第一次执行只会存在前四个生命周期

  • beforecreate
  • create
  • beforemount
  • mount

如果加入keep-alive会多两个生命周期: activated deactivated 相应的第一次执行也会多一个activated

  • beforecreate
  • create
  • beforemount
  • mount
  • activated (第二次或者第N次执行时只会执行activated)

生命周期流程图

组件的生命周期钩子,创建,挂载,更新,销毁,都有前后 lifecycle.png

生命周期代码验证过程