生命周期(钩子函数)

1. 定义：vue实例从创建到虚拟dom产生，到数据绑定，监听数据变化，到vue实例销毁的过程。

2. 各阶段组成

a. 实例创建阶段

       beforeCreated 实例初始化之前：初始化默认事件和默认生命周期。

       created 实例初始化完成：可以访问数据模型(data)和methods中方法。

b. 实例挂载阶段(和模板进行绑定)

       beforeMount 实例挂载之前：查看vue有没有el选项，进而查看有没有template选项，没有template选项，将el外部html元素编译成模板。

       mounted 实例挂载完成：可以访问dom元素，创建vm.$el替换el属性完成模板编译。

c. 实例更新阶段

       beforeUpted 实例更新之前：此时数据更改，触发该生命周期，此时dom的数据还未更新完成，还没有编译到模板中。

       updated 实例更新完成：数据更改就会触发生命周期，此时dom中的数据已经更新完成，编译到模板中。

d. 实例销毁阶段

       beforeDestroy 实例销毁之前：实例销毁会触发该生命周期，依旧可以访问vue实例中的数据模型和方法。

       destroy 实例销毁完成：销毁了实例的监听器、子组件和事件监听。

注：实例初始化阶段生命周期和实例挂载生命周期只会执行一次，实例更新阶段生命周期只要数据改变就会一直执行