1、beforeCreate
这个阶段vue实例刚刚创建,data和methods都没有初始化好。
2、Created
vue实例已经创建完成,data和methods都可以获取到,但是模板没有编译,不能用ref属性获得DOM
3、beforeMount
这个阶段完成了模板的编译,但还未挂载到页面上,模板里面的data属性还没有替换。ref属性依旧不可用。
4、Mounted
挂载完成,模板编译结束,也挂载到页面中了,可以用ref操作DOM
5、beforeUpdate
动态更新之前调用,此时data中的数据已经更新,但是页面上的数据还没重新渲染。
6、updated
更新完成,data中的数据已经更新,DOM节点也已经重新渲染
7、beforeDestroy
vue实例销毁前调用,当然这个阶段vue实例还能用。
8、destroyed
这个阶段在vue实例销毁后调用,此时事件监听器被移除,实例解除绑定,子实例也被销毁。
9、activated
keep-alive缓存的组件激活时调用。
10、deactivated
keep-alive缓存的组件停用时调用。
11、errorCaptured
捕获子孙组件错误。