共有八个基本钩子函数
创造期,挂载期,更新期,销毁期
1.beforeCreate --创建前
触发的行为:vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。
在此阶段可以加loading事件
2.created --创建后
触发的行为:vue实例的数据对象data有了,el还没有
在此阶段:解决loading,请求ajax数据为mounted渲染做准备
3.beforeMount --挂载前
触发的行为:vue实例的$el和data都初始化了,但还是虚拟的dom节点,具体的data还未替换
4.mounted --挂载后
触发的行为:vue实例挂载完成,data成功渲染
在此阶段:配合路由钩子使用
5.beforeUpdate --更新前
触发的行为:data更新时触发
在此阶段,数据将准备重新渲染
6.updated —更新后
触发的行为:data更新时触发
在此阶段:数据更新时,做一些处理(此处也可以用watch进行观测)
7.beforeDestroy —销毁前
触发的行为:组件销毁时触发
在此阶段:可向用户询问是否销毁
8.destroyed —销毁后
触发的行为:组件销毁时触发,vue实例解除了事件监听以及和dom的绑定(无响应了),但DOM节点依旧存在
在此阶段:组件销毁时进行提示