生命周期 & 数据共享：组件的生命周期

1. 生命周期 & 生命周期函数

生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。

生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。

注意：生命周期强调的是时间段，生命周期函数强调的是时间点。

3. 组件生命周期函数的分类

组件创建阶段：new实例对象-创建组件之前-创建在内存中-渲染组件之前-渲染组件

组件运行阶段 ：更新之前-更新

组件销毁阶段：销毁之前-销毁

4. 生命周期图示 

可以参考 vue 官方文档给出的“生命周期图示”，进一步理解组件生命周期执行的过程：

Vue 实例 — Vue.js (vuejs.org)

 就是main.js根据app.vue然后附带的里面的组件，像树一样的，步步解析成js代码

  beforeCreate这个生命周期函数中的props,data,methods都是不可用的 

 created生命周期函数，非常常用。

经常在它里面，调用methods中的方法，请求服务器的数据。

并且，把请求到的数据，转存到data中，工template模板渲染的时候使用！

 beforeMount 不经常使用 此时是不能操作dom的

 mounted此时是能操作dom的，如果要操作当前的dom,最早，只能在mounted阶段执行

 用户跟组件之间产生交互就是运行阶段，这个阶段那俩个函数最少执行0次，最多执行无数次

 beforeUpdate函数的声明周期页面上的数据是最新的，但是ui结构还是旧的

  updated的生命周期，当数据发生变化之后，为了能够操作到最新的dom结构，必须要把代码写到update声明周期里面

 beforeDestro将要销毁