vue生命周期beforeDestroy和destroyed调用方式
目录
- 生命周期beforeDestroy和destroyed调用
- 情境一
- 情景二
- beforeDestroy和destroyed生命周期函数的特点
生命周期beforeDestroy和destroyed调用
情境一
离开当前路由，会直接调用；
【vue生命周期beforeDestroy和destroyed调用方式】当前路由不使用 缓存，离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁
情景二
离开当前路由，不会直接调用，需要程序控制调用；
当前路由使用 缓存，离开当前路由不会直接调用 beforeDestroy 和 beforeDestroy 销毁，需要使用路由钩子函数主动的调用
beforeRouteLeave(to, from, next) {this.$destroy(); next(); }
beforeDestroy和destroyed生命周期函数的特点
文章图片
beforeDestroy生命周期函数表示即将销毁，此时仍然可以使用子组件的实例、methods、watch
到了destroyed生命周期函数，此时已经被销毁，无法再使用子组件的实例，methods、watch
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
推荐阅读
- iview+vue实现导入EXCEL预览功能
- Vue如何接入hls/m3u8的直播视频详解
- vue3的diff算法
- Java开发学习(十一)----基于注解开发bean作用范围与生命周期管理
- JAVA|Springboot+Vue
- vue.js|毕业实习:Vue+Springboot+MySQL实现的订餐系统
- 如果没有如果。
- Vue实现记住账号密码功能的操作过程
- vue|vue contextmenujs鼠标右键菜单高度不够显示不全的问题及解决方法
- html|手把手教你用vuepress搭建自己的网站(2)