Vue生命周期

1、在beforeCreate 和Created之间，进行初始化事件，进行数据的观测。此时还没有el选项
2、在Created钩子函数和beforeMount这一阶段发生的事情就比较多了。
首先 会判断对象是否有el选项，如果有就继续编译，如果没有则停止编译，也就意味着生命周期停止，直到在该实例上调用vm.$mount(el)

template参数选项对生命周期的影响

如果vue实例对象中有template参数选项，则将其作为模板编译成render函数。
如果没有template选项，则将外部HTML作为模板编译。
template中的模板优先级高于外部HTML的优先级
在vue对象中还有一个render函数，它是以create element作为参数，然后做渲染操作。render函数的优先级最高。

3、beforeMount和mounted钩子函数之间 此时是给vue实例对象添加$el 成员，并且替换掉挂载的Dom元素。
4、在mounted之前还是通过{{message}}进行占位，在mounted之后就发生了变化。
5、beforeUpdate和update之间
当vue发现data中的数据发生了改变，会触发对应组件的重新渲染，先后调用beforeUpdate和updated钩子函数。
6、beforeDestroy和destroyed钩子函数
beforeDestroy在实例销毁之前调用，在这一步，实例仍然可用。
destroyed在vue实例销毁之后调用。调用后，vue实例指示的所有东西都会解绑，所有的事件监听器会被移除，所有的子实例也会被销毁。

综上：
第一次页面加载会触发哪几个钩子？
beforeCreated 、created 、 beforeMount、mounted
DOM渲染在mounted中就已经完成
生命周期钩子的一些使用方法：
　　beforecreate : 可以在这加个loading事件，在加载实例时触发
　　created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用
　　mounted : 挂载元素，获取到DOM节点 updated : 如果对数据统一处理，在这里写上相应函数
　　beforeDestroy : 可以做一个确认停止事件的确认框 nextTick : 更新数据后立即操作dom