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

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

1 初始化

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

2 运行

• beforeUpdate：在此之前，更新data中数据，页面未更新
• update：在此之前，页面DOM树数据与data同步
  3 销毁
• beforeDestroy：之后，准备销毁
• destory：在此之前，组件被销毁
  
  图片引用自https://blog.csdn.net/zjhzjh893/article/details/83691155