Vue的生命周期

1、创建阶段

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

2、挂载阶段

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

3、更新阶段

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

4、销毁阶段

  • beforeDestroy:实例即将销毁,但是还没有真正销毁,可以进行一些清理工作。
  • destroyed:实例已经完全销毁,此时Vue实例指示的所有东西都会解绑,所有的事件监听器都会被移除,所有的子实例也会被销毁。
相关推荐
人工智能训练师18 小时前
在Ubuntu中如何使用PM2来运行一个编译好的Vue项目
linux·运维·服务器·vue.js·ubuntu·容器
六月的可乐18 小时前
【干货推荐】AI助理前端UI组件-悬浮球组件
前端·人工智能·ui
呼啦啦呼_18 小时前
Echarts自定义地图显示区域,显示街道学校等区域,对原有区域拆分
前端
浩星18 小时前
iframe引入界面有el-date-picker日期框,点击出现闪退问题处理
前端·vue.js·elementui
技术钱18 小时前
element plus 多个form校验
前端
yume_sibai19 小时前
HTML HTML基础(3)
前端·html
米花丶19 小时前
JSBridge安全通信:iOS/Android桥对象差异与最佳实践
前端·webview
萌萌哒草头将军19 小时前
🚀🚀🚀 Oxc 恶意扩展警告;Rolldown 放弃 CJS 支持;Vite 发布两个漏洞补丁版本;Rslib v0.13 支持 ts-go
前端·javascript·vue.js
接着奏乐接着舞。19 小时前
3D地球可视化教程 - 第1篇:基础地球渲染系统
前端·javascript·vue.js·3d·three.js
龙傲天66619 小时前
Scala的面向对象和函数式编程特性 Idea环境搭建和输入输出
前端