生命周期钩子---笔记

 一.什么是生命周期

Vue生命周期是指vue实例对象从创建之初到销毁的过程,vue所有功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能

二.Vue实例生命周期的图示:

 含义
beforeCreate】(创建前)
在实例开始初始化时同步调用。此时数据观测、事件等都尚未初始化
【created】(创建后)
在实例创建之后调用。此时已完成数据观测、事件方法,但尚未开始DOM编译,即未挂载到document中
【beforeMount】(载入前)
在mounted之前运行
【mounted】(载入后)
在编译结束时调用。此时所有指令已生效,数据变化已能触发DOM更新,但不保证$el已插入文档
【beforeUpdate】(更新前)
在实例挂载之后,再次更新实例(例如更新 data)时会调用该方法,此时尚未更新
DOM结构
【updated】(更新后)
在实例挂载之后,再次更新实例并更新完DOM结构后调用
【beforeDestroy】(销毁前)
在开始销毁实例时调用,此刻实例仍然有效
【destroyed】(销毁后)
在实例被销毁之后调用。此时所有绑定和实例指令都已经解绑,子实例也被销毁


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值