Vue的生命周期

1、创建阶段

  • beforeCreate:实例完全被创建出来之前,此阶段不能访问到data、methods等属性。
  • created:实例已经创建完成,此阶段可以访问到data、methods等属性,但是还没有开始编译模板。

2、挂载阶段

  • beforeMount:模板已经编译完成,但是还没有挂载到DOM中。
  • mounted:此阶段,模板已经被挂载到DOM中,用户可以看到渲染好的DOM结构。

3、更新阶段

  • beforeUpdate:数据更新了,但是DOM还没有重新渲染。
  • updated:DOM和数据都已经更新完毕,页面显示的内容是最新的。

4、销毁阶段

  • beforeDestroy:实例即将销毁,但是还没有真正销毁,可以进行一些清理工作。
  • destroyed:实例已经完全销毁,此时Vue实例指示的所有东西都会解绑,所有的事件监听器都会被移除,所有的子实例也会被销毁。
相关推荐
JarvanMo4 小时前
Dart 3.13:小版本,大动作
前端
纯粹的热爱4 小时前
Ubuntu 安装 Node.js 22.x(通过 NodeSource 官方源)
前端
Highcharts4 小时前
如何选择正确的图表:驱动理解和洞察力的三部分框架(第3部分)
前端·数据可视化
JavaGuide4 小时前
Github 史诗级故障,与此同时,Cursor 版「GitHub」正式上线!
前端·后端
郭邯4 小时前
用 AI 写了一个经纬度格式转换工具,从需求到落地的完整过程
前端
不一样的少年_4 小时前
修了 Bug、做了重构,为什么老板还是觉得你没产出?
前端·后端·程序员
马可家的菠萝4 小时前
Vue3 + Canvas 手绘笔记工程化实践:别把画布只当成一张 PNG
前端·vue.js·算法
IMPYLH4 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
IMPYLH4 小时前
HTML 的 <head> 元素
前端·html
用户841794814565 小时前
如何用 vue 甘特图来实现计划和实际双任务条进度展示
vue.js