浏览器刷新vue为什么不会走beforeDestroy和destroyed生命周期

业务场景:

需要在页面卸载的时候去处理一些数据,比如清空 localStorage
然后就会把一些业务逻辑写在beforeDestroy或者destroyed的生命周期里

浏览器刷新的时候会走这两个生命周期吗

答案是不会
不是说在组件卸载的时候会走这两个生命周期么,为什么不会走呢?

浏览器刷新是做了些什么

浏览器的刷新其实相当于重新访问这个ip地址,包括html和js,css文件都会重新获取(这里会涉及到文件缓存的问题,但与vue的生命周期没有关系)
浏览器不在乎你之前的页面是什么,相当于把你之前的页面给关了再打开(直接拉闸再接电)

这种情况怎么处理

可以在页面加载的时候添加一个监听事件去监听浏览器刷新,关闭,这样就可以在浏览器刷新或者关闭的时候也能处理对应的业务逻辑

重温vue生命周期

浏览器刷新vue为什么不会走beforeDestroy和destroyed生命周期相关推荐

[vue] vue在created和mounted这两个生命周期中请求数据有什么区别呢？
[vue] vue在created和mounted这两个生命周期中请求数据有什么区别呢? 看实际情况,一般在 created(或beforeRouter) 里面就可以,如果涉及到需要页面加载完成之后的 ...
vue项目下props传进去的数据,生命周期勾子函数包括watch不触发的解决办法
vue项目下props传进去的数据,生命周期勾子函数包括watch不触发的解决办法 @TOC 遇到的问题在深层props过程中,props的数据传到了目标文件但却没有触发数据更新及页面更新: wa ...
Vue：beforeDestroy和destroyed生命周期函数的特点
beforeDestroy生命周期函数表示即将销毁,此时仍然可以使用子组件的实例.methods.watch 到了destroyed生命周期函数,此时已经被销毁,无法再使用子组件的实例,methods ...
Vue.js 系列教程 3：Vue-cli，生命周期钩子
原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue ...
Vue.js 源码分析(九) 基础篇生命周期详解
先来看看官网的介绍: 主要有八个生命周期,分别是: beforeCreate.created.beforeMount.mounted.beforeupdate.updated .beforeDes ...
vue中自定义指令、组件化、生命周期、节流和防抖、获取DOM、mint-ui简介、过渡和动画
自定义指令: vue中通过directive方法自定义指令,如:自定义一个v-focus指令: <script>Vue.directive('focus', {//通过directive( ...
【Vue】vue中的路由导航守卫(路由的生命周期)
文章目录全局前置守卫可选的第三个参数 `next` 全局解析守卫 router.beforeResolve 全局后置钩子路由独享的守卫组件内的守卫可用的配置 API 使用组合 API 完整的 ...
Vue生命周期中钩子函数理解简记
Vue生命周期钩子函数钩子函数 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroy ...
计算属性与监听器、Vue 实例的生命周期
本文是我在学习过程中记录学习的点点滴滴,仅仅为了学完之后巩固一下,日后忘记了也可以方便快速的复习. 计算属性与监听器.Vue 实例的生命周期前言一.计算属性 1.1.计算属性初步理解 1.2.计算 ...
一文带你吃透Vue生命周期（结合案例通俗易懂）
文章目录本篇学习目标 1. vue生命周期 1.0_人的-生命周期 1.1_钩子函数 1.2_初始化阶段 1.3_挂载阶段 1.4_更新阶段 1.5_销毁阶段 2. axios 2.0_axios基 ...

浏览器刷新vue为什么不会走beforeDestroy和destroyed生命周期

浏览器刷新vue为什么不会走beforeDestroy和destroyed生命周期

业务场景:

浏览器刷新的时候会走这两个生命周期吗

浏览器刷新是做了些什么

这种情况怎么处理

重温vue生命周期

浏览器刷新vue为什么不会走beforeDestroy和destroyed生命周期相关推荐

最新文章

热门文章