如何理解vue的生命周期钩子?

发布于 2021-01-14 17:33:55

如何理解vue的生命周期钩子? 由哪些钩子构成,如何使用?

查看更多

浏览量
2573
2 个回答
猫哥
猫哥 项目组成员 2021-01-14
更多相关扩展问题如需解决? 可加猫哥QQ(632906391)寻求帮助

lifecycle.png

猫哥
猫哥 项目组成员 2021-01-14
更多相关扩展问题如需解决? 可加猫哥QQ(632906391)寻求帮助
  1. beforeCreate 实例初始化之后,数据观测和事件配置之前被调用;
  2. created 实例创建完成后立即调用.此时已完成数据观测/事件回调/属性和方法运算等,但$el还没有挂载.
  3. beforeMount 在实例挂载之前被调用,这里模板render()首次调用
  4. mounted 实例在挂载之后调用,这是el被新创建的vm.$el替换.
  5. beforeUpdate 在数据即将更新,虚拟的Dom在打补丁之前调用;
  6. updated 数据更新虚拟Dom重新渲染和打补丁之后调用;
  7. beforeDestroy 在实例摧毁之前调用;
  8. destroyed 实例摧毁后调用.

学习
记录

发布
问题

分享
好友

手机
浏览

扫码手机浏览