当前位置: 首页 > news >正文

Vue之刷新页面会触发的生命周期函数

刷新页面时不会触发组件的 onUnmount 事件。

因为刷新页面会直接销毁整个页面的 DOM 树和内存中的组件实例,属于“强制清空”,而非组件正常从 DOM 树中卸载的流程。

而 onUnmount 的核心是“组件正常卸载(如路由切换、条件渲染移除)时执行”,仅在组件主动脱离 DOM 树的场景下触发。

 

刷新页面时触发 Vue 函数,核心是抓“页面刷新的生命周期节点”,常用 3 种场景化方案,直接适配不同需求:

1. 组件初始化时触发:若函数需在刷新后组件挂载完成执行,直接把函数写在 onMounted(Vue3)或 mounted(Vue2)中,刷新页面会重新执行组件挂载,进而触发函数。

2. 页面刷新前触发:若需在刷新前执行(如保存数据),用浏览器 beforeunload (unload是卸载的意思)事件,在 onMounted 中注册事件,刷新前会触发绑定的函数(注意:部分浏览器对弹窗等操作有限制)。

3. 页面刷新后(DOM 加载完成)触发:若需等页面所有资源加载完再执行,可在 onMounted 中注册浏览器 load 事件,确保刷新后页面资源就绪再触发函数。

 

http://www.hskmm.com/?act=detail&tid=23783

相关文章:

  • 傅里叶的一生
  • Dos命令学习(新手)
  • 吴恩达深度学习课程一:神经网络和深度学习 第一周:深度学习简介
  • 实用指南:AI Agent开发平台如何设计?核心架构与工作流实战案例详解
  • Numercial result of HAA-DRSM
  • 防重复提交的实现
  • Day25错误(error)与异常(exception)的简单认识
  • 算法课第一次作业
  • 1. 对拍板子
  • Luogu P14122 [SCCPC 2021] Direction Setting题解 最小费用流
  • MySQL_基础
  • 5 qoj14553 序列与整数对 题解
  • AT_arc064_d [ARC064F] Rotated Palindromes
  • vscode代码块格式转换器
  • 二分模板
  • 如何控制事务?
  • C语言速成秘籍——跳转语句(goto) - 实践
  • 五子棋-下满了格子平局
  • 从免疫原性突破到技术迭代:全人源抗体如何重塑靶向治疗格局?
  • 工作感受月记(202510月)
  • 欧几里得算法与扩展欧几里得算法详解
  • 题解:AT_agc038_f [AGC038F] Two Permutations
  • 10.3 考试总结
  • CSP-S 复赛指南(2025年版)
  • AI元人文系列文章:AI元人文的未来——软硬件协同
  • 10.3考试反思
  • 10.2 考试总结
  • 20251003国庆模拟3
  • 20251002国庆模拟2
  • ハレハレヤ