【笔记整理】—— 2.16 了解vue生命周期

通过这些回调函数告诉我:底层在new一个Vue实例的过程中, 之前刚刚做了什么 或 之后马上要做什么

1 初始化

  • beforeCreated: 在此之前,创建vue实例
  • created:在此之前,初始化 datamethods数据
  • beforeMounted:在此之前,编译好模板但未挂载页面
  • mounted:在此之前,将模板挂载到页面(挂载前的状态是虚拟DOM技术,先把坑站住了挂载之后才真正的把值渲染进去

2 运行

  • beforeUpdate:在此之前,更新data中数据,页面未更新
  • update:在此之前,页面DOM树数据与data同步
    3 销毁
  • beforeDestroy:之后,准备销毁
  • destory:在此之前,组件被销毁
    【笔记整理】—— 2.16 了解vue生命周期
    图片引用自https://blog.****.net/zjhzjh893/article/details/83691155