一 什么是生命周期
从vue组件实例开始创建到销毁的过程称为生命周期。开始创建,数据渲染,编译模板,挂载DOM,渲染,更新,渲染,销毁的一系列过程称为生命周期
二 生命周期钩子函数
- beforeCreate 创建前,数据观测和初始化数据还未开始
- created 创建后,数据观察完成,属性和方法的运算,初始化事件,$el属性还没有显示
- beforeMount 载入前,编译模板,将data中的数据和模板编译成html,
- mounted 载入后,将编译好的html模板渲染到页面
- beforeUpdate 更新前
- updated 更新后,一般不会在这个生命周期里面做状态数据的更改,否则会陷入无限更新循环,在服务器渲染时候不会被调用
- 销毁前
- 销毁后
- activated 缓存组件实例被激活时调用
- deactivated 缓存组件实例失活时候被调用
三. 关于最后两个生命周期, activated和deactivated,涉及到vue提供的一个内置组件 ,他的作用是用来包裹动态的组件,并且缓存不活动的实例组件。
什么是动态组件呢,就是根据不同的路由显示不同的组件,如果频繁的切换组件,组件的销毁重建是很耗资源的,所以可以使用来包裹动态组件并且进行缓存,
所以与两个生命周期钩子函数有什么关系呢?
即当组件在内被切换,他的activated和deactivated这两个生命周期钩子函数将会被执行## 标题