关于vue组件实例的生命周期

一 什么是生命周期
从vue组件实例开始创建到销毁的过程称为生命周期。开始创建,数据渲染,编译模板,挂载DOM,渲染,更新,渲染,销毁的一系列过程称为生命周期
二 生命周期钩子函数

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值