vue的生命周期

40 阅读1分钟

一:生命周期是什么?

vue实例从创建到销毁的过程就是生命周期。即指从创建,初始化数据,编译模版,挂载Dom,渲染,更新,渲染,卸载等一系列过程。

在vue生命周期钩子会自动绑定this上下文到实例中

二:生命周期有哪些?

8个阶段

生命周期描述
beforeCreate组件实例被创建之初
created组件实例已经完全创建
beforeMount组件挂载之前
mounted组件挂载在实例上面之后
beforeUpdate组件数据发生变化,更新之前
updated数据更新之后
beforeDestory组件销毁之前
destoryed组件实例销毁之后
activatedkeep-alive缓存的组件激活时被调用
deactivedkeep-alive缓存的组件被停用时调用
errorCaptured捕获一个来自子孙组件的错误时被调用

三:数据请求在created和mounted的区别?

created是在组件实例一旦创建完成的时候立刻调用,这时候页面dom节点并未生成 mounted是在页面节点渲染完成之后立即执行 触发时机上created比mounted更早 两者相同点:都能拿到实例对象的属性和方法 放在mounted中有可能会导致页面闪动,但如果在页面前完成则不会出现这个情况 建议:放在created生命周期里面

参考文档:mp.weixin.qq.com/s?__biz=MzU…