vue的生命周期就是,vue实例创建到销毁的过程。即指从创建、初始化数据、编译模板、挂载Dom到渲染、更新到渲染、销毁等一系列过程。它主要分为8个阶段:创建前后、载入前后、更新前后、销毁前、销毁后,以及一些特殊场景的生命周期:
· beforeCreate:组件实例被创建之初
· created:组件实例已经完全创建
· beforeMount:组件挂载之前
· mounted:组件挂载到实例上去之后
· beforeUpdate:组件数据发生变化,更新之前
· updated:数据更新之后
· beforeDestroy:组件实例销毁之前
· destroyed:组件实例销毁之后
· activated:keep-alive缓存的组件激活时
· deactivated:keep-alive缓存的组件停用时调用
· errorCaptured:捕获一个来自子孙组件的错误时被调用
**在获取数据时,在created和mouted的区别 **
· created是在组件实例一旦创建完成的时候立刻调用,这时候页面dom节点并未生成
· mouted是在页面dom节点渲染完毕之后就立刻执行的,created的触发时机要比mounted更早一些
| 生命周期 | 描述 |
|---|---|
| beforeCreate | 执行时组件实例还未创建,通常用于插件开发中执行一些初始任务 |
| created | 组件初始化完毕,各种数据可以使用,常用与异步数据获取 |
| beforeMount | 未执行渲染、更新,dom未创建 |
| mounted | 初始化结束,dom已创建,可用于获取访问数据和dom元素 |
| beforeUpdate | 更新前,可用于获取更新前各种状态 |
| updated | 更新后,所有状态已是最新 |
| beforeDestroy | 销毁前,可用于一些定时器或订阅的取消 |
| destroyed | 销毁后 |