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

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

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

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

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

 

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

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

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

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

 

http://www.jsqmd.com/news/7784/

相关文章:

  • 深入解析:App Store 上架完整流程解析,iOS 应用发布步骤、ipa 文件上传工具、TestFlight 测试与苹果审核经验
  • 傅里叶的一生
  • Dos命令学习(新手)
  • 苹果im虚拟机协议群发系统,苹果imessage推信软件,苹果iMessage自动群发协议–持续更新中...
  • 吴恩达深度学习课程一:神经网络和深度学习 第一周:深度学习简介
  • 实用指南:AI Agent开发平台如何设计?核心架构与工作流实战案例详解
  • 防重复提交的实现
  • 设计模式(C++)详解——观察者模式(Observer)(1) - 教程
  • Numercial result of HAA-DRSM
  • 大数据变长存储算法 - 实践
  • 5 qoj14553 序列与整数对 题解
  • 五子棋-下满了格子平局
  • 从免疫原性突破到技术迭代:全人源抗体如何重塑靶向治疗格局?
  • 实用指南:OpenAI Sora 2重磅发布:AI视频生成进入“GPT-3.5时刻”
  • 欧几里得算法与扩展欧几里得算法详解
  • 题解:AT_agc038_f [AGC038F] Two Permutations
  • 完整教程:flink批处理-时间和窗口
  • 详细介绍:Java基础
  • 10.3 考试总结
  • 国庆集训-JDAY3
  • CSP-S 复赛指南(2025年版)
  • AI元人文系列文章:AI元人文的未来——软硬件协同
  • 10.3考试反思
  • 2025十一集训——Day2做题
  • 20250929给PRO-RK3566开发板在Buildroot系统下裁剪内核【已关闭摄像头ov4689为例子】 - 指南
  • 核聚变:Commonwealth Fusion Systems
  • 占个位置~
  • 详细介绍:深度学习赋能基层医疗:融合PyTorch与Django的智能医疗影像诊断平台研究
  • AI元人文系列文章:价值决策芯片——为机器安上一颗“透明的心”
  • Day007 Java方法基础