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新增 |