Vue生命周期流程详解

在初步使用Vue框架时，我们需要了解双向绑定操作中的生命周期

1. 什么是生命周期？
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称为Vue的生命周期。
通俗说就是Vue实例从创建到销毁的过程，就是生命周期。
在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。

分为四个阶段
创造期、挂载期、更新期、销毁期
每个阶段又分为前期和后期。

beforeCreate（创造前）
官方描述：组件实例刚被创建，组件属性data、el等还未生效。
el 和 data 并未初始化
注意：this变量还不能使用，在data下的数据，和methods下的方法都不能获得到；

控制台显示此时还未被定义到数据中

created（创造后）
官方描述：实例已经创建完成之后被调用，然而，挂载阶段还没开始，$el 属性目前不可见。
data已经初始化，但el并未初始化
完成了 data 数