vue生命周期函数

vue生命周期函数是指当一个vue实例被创建的时候,在vue实例生存的不同阶段会调用不同的生命周期函数。

下面是vue生命周期函数的官方图

vue生命周期函数

生命周期函数描述

函数名称 介绍 场景
beforeCreate vue实例的挂载元素$el和数据对象data都为undefined,还未初始化 可以加入 loading 事件,在服务器端的应用场景中,这个时候发送数据请求比较多
created 实例创建完成后,data、methods 被初始化,$el还没有 结束loading,请求数据为mounted渲染做准备
beforeMount vue实例的$el和data都初始化了,render 被初次调用,但还是虚拟的dom节点 可以发送数据请求
mounted vue实例挂载完成 获取el中DOM元素,进行DOM操作,如果返回的数据操作依赖DOM完成,推荐这个时候发送数据请求
beforeupdate data更新时触发 完成数据修改之前可以使用该函数
updated data更新完触发 数据更新完成,做相应的处理,也可以使用watch监听
beforeDestroy vue实例销毁之前触发 删除前发出确认信息,清理定时器
destoryed vue实例销毁完成时触发 vue实例销毁做提示
activated keep-alive组件**时调用  
deactivated keep-alive**组件停用时调用  
errorCaptured 当捕获一个来自子孙组件的错误时被调用,有三个参数:错误对象,发生错误的组件实例,包含错误来源信息的字符串,可返回 false以阻止该错误继续向上传播 2.5.0新增