生命周期的函数运行

1:  beforeCreated 在实例初始化之后, 数据观测和 event/watcher  事件配置之前被调用。

2:  created()   实例已经创建完成之后被调用。 在这一步,  实例已经完成以下配置:  数据观测(data 
    observe),  属性和方法的运用,  watch/ event 事件回调。

3:  beforeMount  再挂载开始之前被调用:  相关的render 函数首次被调用。

4:  mounted()  生命周期:  el被新创建的 vm.$el 替换, 并挂载到实例上去之后调用该钩子。

5:  beforeUpdate()  数据更新时调用,  发生在虚拟重新渲染和打补丁之前。

6:  update()  由于数据更改导致的虚拟DOM重新 渲染和打补丁,  在这之后会重新调用该钩子。

7:  beforeDestory();   实例销毁之前调用。 在这一步,  实例完全可以使用。

8:  destroyed();  Vue 实例销毁后调用。 调用后, Vue 实例指示的所有的东西会解绑,  所有的事件监听会被移除,  所有的子实例也会被销毁。 该钩子函数在服务器渲染期间不会被调用。

9:  keep-alive: (activeted 和 deactiveted)

生命周期的父子执行顺序

子的生命周期都会被先结束，父的才结束。先由父到子，再从子到父

父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted

子组件更新过程
父beforeUpdate->子beforeUpdate->子updated->父updated

父组件更新过程
父beforeUpdate->父updated

销毁过程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed