Vue的生命周期

Vue实例从创建到销毁的过程,就是vue的生命周期。

vue的生命周期可以分为四个阶段:创建阶段,挂载阶段,更新阶段,销毁阶段。 

//创建beforeCreate,created
//挂载beforeMount,mounted
//更新beforeUpdate,updated
//销毁beforeDestroy,destroyed

 几个生命周期的特点和作用:

1、beforeCreate  创建前
          特点:有this,但此时data、methods、computed以及watch上的数据和方法还未初始化,都不能被访问。

2、 created   创建后
          特点:此时的data 和 methods 都已经被初始化,但是没有dom节点
          作用:ajax请求 定时器 事件监听。

3、beforeMount 挂载前
    特点: template 模板已导入渲染函数编译。此时虚拟Dom已经创建完成,即将开始渲染。在这一阶段也可以对数据进行更改。

4、mounted   挂载后
    特点:在挂载完成后发生,此时真实的Dom挂载完毕,数据完成双向绑定,可以访问到、

 Dom节点,使用$refs属性对Dom进行操作。

5、beforeUpdate  更新前
    特点:会执行多次  数据更新 dom节点没有更新。

6、 updated  更新完毕
    特点:会执行多次 数据更新,dom节点也更新。

7、beforeDestroy  销毁前
    特点:数据可以更新 视图已经不更新。
    作用:移除事件监听 停止定时器。

8、destoryed   销毁完毕
    特点:没有this,切换视图与vue实例的联系。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码真的养发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值