生命周期 & 生命周期函数 生命周期（Life Cycle）是指一个组件从创建 -> 运行-> 销毁的整个阶段，强调的是一个时间段。
生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。
注意：生命周期强调的是时间段，生命周期函数强调的是时间点。
创建阶段
-
beforeCreate：实例刚在内存中创建出来，还没有初始化 data和 methods，只包含一些自带额生命周期函数
-
created： 实例已经在内存中创建完成，此时data和methods已经创建完成
-
beforeMount： 此时已经完成了模版的编译，只是还没有渲染到界面中去
-
mounted： 模版已经渲染到了浏览器，创建阶段结束，即将进入运行阶段
运行阶段
-
beforeUpdate： 界面中的数据还是旧的，但是data数据已经更新，页面中和data还没有同步
-
中间处理过程（非生命周期，便于学习抽象化的中间处理过程）： 先根据data中的数据，在内存中渲染出一个新的DOM，当新的DOM树更新之后，会重新渲染到真实的界面中去，从而实现了从 数据层（model）---》视图层（view）的转换
-
updated： 页面重新渲染完毕，页面中的数据和data保持一致
销毁阶段
- beforeDestroy： 执行该方法的时候，Vue的生命周期已经进入销毁阶段，但是实例上的各种数据还出于可用状态
- destroyed： 组件已经全部销毁，Vue实例已经被销毁，Vue中的任何数据都不可用
下面附上网上找的详细步骤图片：
