1 每个生命周期适合哪些场景？
 2 生命周期钩子的一些使用方法：
 3 beforecreate : 可以在这加个loading事件，在加载实例时触发
 4 created : 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用
 5 mounted : 挂载元素，获取到DOM节点
 6 updated : 如果对数据统一处理，在这里写上相应函数
 7 beforeDestroy : 可以做一个确认停止事件的确认框
 8 nextTick : 更新数据后立即操作dom
 9 
10 beforeCreate阶段：vue实例的挂载元素el和数据对象data都是undefined，还没有初始化。
11 created阶段：vue实例的数据对象data有了，可以访问里面的数据和方法，未挂载到DOM，el还没有
12 beforeMount阶段：vue实例的el和data都初始化了，但是挂载之前为虚拟的dom节点
13 mounted阶段：vue实例挂载到真实DOM上，就可以通过DOM获取DOM节点
14 beforeUpdate阶段：响应式数据更新时调用，发生在虚拟DOM打补丁之前，适合在更新之前访问现有的DOM，比如手动移除已添加的事件监听器
15 updated阶段：虚拟DOM重新渲染和打补丁之后调用，组成新的DOM已经更新，避免在这个钩子函数中操作数据，防止死循环
16 beforeDestroy阶段：实例销毁前调用，实例还可以用，this能获取到实例，常用于销毁定时器，解绑事件
17 destroyed阶段：实例销毁后调用，调用后所有事件监听器会被移除，所有的子实例都会被销毁