千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > vue生命周期函数有哪些

vue生命周期函数有哪些

来源:千锋教育
发布人:syq
时间: 2023-03-30 11:02:00 1680145320

  Vue 的生命周期函数分为 8 个阶段:

  beforeCreate:实例创建之前执行,此时对数据和事件的监听都尚未开始。

vue生命周期函数有哪些

  created:实例已经创建完成后执行,此时已经可以访问实例中的数据和方法。

  beforeMount:模板编译之前执行,此时模板中的数据和事件完成绑定。

  mounted:模板编译之后执行,此时模板已经渲染到 HTML 中,可以进行 DOM 操作。

  beforeUpdate:数据更新之前执行,此时可以针对更新前的状态进行一些操作。

  updated:数据更新之后执行,此时可以对更新后的状态进行一些操作。

  beforeDestroy:实例销毁之前执行,此时实例仍然可以访问。

  destroyed:实例销毁之后执行,此时实例中所有的数据和方法都已经被销毁,无法访问。

  其中,前两个阶段是实例创建阶段,中间两个阶段是模板渲染阶段,后三个阶段是实例销毁阶段。在生命周期函数中,我们可以对实例的状态进行监测,也可以进行一些数据和方法的操作。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT