vue的生命周期钩子

什么是生命周期？

简单举个例子：我们以人做例子 一个人从出生到死亡的过程，这个过程就是一个人生命周期。一串代码从创建到销毁的过程就是这段代码的生命周期。

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

从上面vue官网的概念图中我们可以得知vue的生命周期分为4个阶段 每个阶段又分为两个小阶段

创建阶段
beforeCreate（创建之前）
created（创建完毕）
挂载阶段
beforeMount（挂载之前）
mounted（挂载完毕）
更新阶段
beforeUpdate（更新之前）
updated（更新完毕）
销毁阶段
beforeDestroy（销毁之前）
destroyed（销毁完毕）

首先我们先看一下挂载阶段我们的vue实例都做了什么

（1）beforeCreate

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