vue-生命周期

27 篇文章 1 订阅

什么是生命周期

  1. 又名:生命回调函数,生命周期函数,生命周期钩子

  2. 理解:Vue在某一个时刻帮助我们调用一些特殊名称的函数【例如mounted】

  3. 注意:这些特殊函数的名称不能变,程序员只能改变里面的内容

  4. 生命周期函数中,this的指向调成了vm 或 组件实例对象

生命周期函数

一. vm分为4对生命周期(创建,挂载,更新,销毁)

  1. 创建:创建数据监视,数据代理【注意不是创建vm,vm早就已经创建了】
    将要创建:beforeCreate()函数
    已创建完:create()函数

  2. 挂载:在虚拟dom转换为真实dom,然后第一次完全呈现在页面的时候
    将要挂载:beforeMount()
    挂载完毕:mounted()

  3. 更新:在每次data里面的数据发生改变时
    将要更新:beforeUpdate()
    更新完毕:update()

  4. 销毁:vm实例对象被销毁
    将要销毁:beforeDestroy()
    销毁完毕:destroyed()

二. 两个重要的声明周期说明

  1. mounted():挂载完毕
  • 一般在这个时候,发送ajax请求,启动定时器,绑定自定义事件,订阅消息等
  • 就主要是进行初始化
  1. beforeDestroy():将要销毁
  • 一般,清除定时器,解绑自定义事件等
  • 进行收尾工作

生命周期图

请添加图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值