第21天 请详细说下你对vue⽣命周期的理解

总共分为8个阶段创建前/后,载⼊前/后,更新前/后,销毁前/后

  • 创建前/后: 在 beforeCreate 阶段, vue 实例的挂载元素 el 和数据对象 data 都为 undefined
    ,还未初始化。在 created 阶段, vue 实例的数据对象 data 有了,el还 没有
  • 载⼊前/后:在 beforeMount 阶段, vue 实例的 $el 和 data 都初始化了,但还是挂载 之前为虚拟的 dom 节点,data.message 还未替换。在 mounted 阶段, vue 实例挂载 完成, data.message 成功渲染
  • 更新前/后:当 data 变化时,会触发 beforeUpdate 和 updated ⽅法
  • 销毁前/后:在执⾏ destroy ⽅法后,对 data 的改变不会再触发周期函数,说明此时
    vue 实例已经解除了事件监听以及和 dom 的绑定,但是 dom 结构依然存在

什么是vue⽣命周期?
Vue 实例从创建到销毁的过程,就是⽣命周期。从开始创建、初始化数据、编译模 板、挂载Dom→渲染、更新→渲染、销毁等⼀系列过程,称之为 Vue 的⽣命周期。

vue⽣命周期的作⽤是什么?
它的⽣命周期中有多个事件钩⼦,让我们在控制整个Vue实例的过程时更容易形成好的
逻辑。

第⼀次⻚⾯加载会触发哪⼏个钩⼦?
会触发下⾯这⼏个 beforeCreate 、 created 、 beforeMount 、 mounted 。

DOM 渲染在哪个周期中就已经完成?
答: DOM 渲染在 mounted 中就已经完成了

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值