（二、2）Vue的 父子组件 切换页面 生命周期 执行过程

首先我觉得要先简介vue
--------------------- 所谓低门槛和渐进式：（比较容易开发者上手开发，从简单不断扩充到复杂的应用）

------------------- 所谓轻量级：（Vue2.0版本代码压缩据说只要17kb大小。）

------------------- 所谓命名式：（当你想要做什么的时候，通过指令，返回想要的结果，可以不用动脑子的操作）。区别于react是声明式。

------------------- 所谓组件化：（单文件组件，解耦，易开发维护）

------------------- 所谓高效率和虚拟DOM(virtual DOM)：（Vue将真实的DOM数据以对象的形式抽离出来。数据修改，再将VNode以特定的渲染机制渲染成真实的DOM）

------------------ 所谓响应式：（Vue2x版本采用object.defineproperty数据劫持。3.0版本修改为proxy代理）

------------------ 所谓SPA单页面：（Vue拥有一个Root组件，所有页面展示都围绕这个Root Compontent展示。）

----------------- 所谓MVVM：（由前端架构MVC发展而来，M(数据层)-V(视图层)-VM(数据和视图的联系)，数据变化，通过ViewModel触发视图变化，不再是MVC里面的单向变化，MVVM数据和视图是双向变化（所谓响应式）。）

这个简介不错https://blog.csdn.net/zhenghao35791/article/details/67639415

八个声明周期

就学了个唱，就知道是顺序加载， 也是在用到取数据，或者控件渲染的时候用到顺序，才来写这个

1. beforeCreate
2. created
3. beforeMount
4. mounted
5. beforeUpdate
6. updated
7. beforeDestroy
8. destroyed

送测试文件：html 跑一下你就晓得了

注意看什么时候才能取到值 加载的状态

  
  
  
  
  


  

    
{{message}}
  

生命周期的详解https://segmentfault.com/a/1190000011381906
我看评论里面快打起来了 说的就是运行的版本和引入的版本

父子组件的相互生命周期

探讨父组件和兄弟组件的生命周期https://juejin.cn/post/6844903827406061576

页面切换时候的生命周期的执行过程