vue的生命周期。

1、beforeCreate：vue实例刚被创建，data，computed，watch，methods 上的方法和数据均不能访问，可以在这加个loading事件；

2、created：data、methods、props、computed初始化完成，可以在这里结束loading事件，但是还没有编译模板；获取不到dom元素，要获取只能用&nextTick（）或者异步操作settimeout

3、beforeMount：完成了编译，未挂载到页面中；

4、mounted：编译好了模板，挂载到dom中；

5、beforeUpdate：更新之前执行此函数，data中的状态是最新的，但页面上的数据还是旧值；

6、updated：更新完成后执行此函数。data和页面上的数据都是最新的；

7、activated：在使用vue-router时有时需要使用<keep-alive></keep-alive>来缓存组件状态，这个时候created钩子就不会被重复调用了。
如果我们的子组件需要在每次加载的时候进行某些操作，可以使用activated钩子触发。

8、deactivated：<keep-alive></keep-alive>组件被移除时使用。

9、beforeDestory：准备销毁，但还没销毁，实例属性和方法仍然可以使用；

10、destoryed：已经销毁，实例不可用

二、父子组件生命周期调用顺序：

1、先调用父组件beforeCreate>created>beforeMount，然后调用子组件：beforeCreate>created>beforeMount>mounted，最后调用父组件mounted；

2、更新：父组件beforeUpdate>子组件beforeUpdate>updated>父组件updated；

3、销毁：父组件beforeDestory>子组件beforeDestory>destoryed>父组件destoryed；