Vue的生命周期

114 阅读1分钟

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销毁后