一、Vue的生命周期
Vue一共有八大生命周期
一、初始化
1、beforeCreate -vue实例化对象创建之前
是最先执行的生命周期函数
获取不到data数据
作用于:执行时组件实例还未创建,通常用于插件开发中执行一些初始化任务
常用 2、created -vue实例化对象创建之后
可以获取到data数据,不可以用来获取元素节点的
作用于:
1、组件初始化完毕,各种数据可以使用,常用于异步数据获取
2、 一般用来获取接口数据 因为速度更快 并且这时候已经把data加载出了
3、beforeMount -vue的dom挂载之前
可以获取到节点 但是不能把data中的数据渲染在dom节点中
常用 4、mounted -vue的dom挂载到实例上去之后
可以获取到节点 且把data中的数据渲染在dom节点中了
作用于:
1、操作元素节点的业务需要写在mounted里
2、初始化结束,dom已创建,可用于获取访问数据和dom元素
二、更新
先执行beforeUpdate 再执行updated
5、beforeUpdate -vue的data值更新之前
若在beforeUpdate中再次修改数据,不会再次触发更新方法
作用于:更新前,可用于获取更新前各种状态
6、 updated - 组件数据更新之后
若在updated中再次修改数据,会再次触发更新方法
作用于:更新后,所有状态已是最新
三、销毁
this.$destroy - 销毁vm
7、 beforeDestroy -组件销毁前
实例被销毁前调用,此时实例属性与方法仍可访问
作用于:销毁前,可用于一些定时器或订阅的取消
8、destroyed -组件销毁之后
完全销毁一个实例。可清理它与其它实例的连接,解绑它的全部指令及事件监听器
并不能清除DOM,仅仅销毁实例
作用于:组件已销毁,可用于一些定时器或订阅的取消