生命周期beforeDestroy和destroyed调用
情境一
离开当前路由,会直接调用;
当前路由不使用 缓存,离开当前路由会直接调用 beforeDestroy 和 beforeDestroy 销毁
情景二
离开当前路由,不会直接调用,需要程序控制调用;
当前路由使用 缓存,离开当前路由不会直接调用 beforeDestroy 和 beforeDestroy 销毁,需要使用路由钩子函数主动的调用
beforeRouteLeave(to, from, next) { this.$destroy(); next(); }
beforeDestroy和destroyed生命周期函数的特点
beforeDestroy生命周期函数表示即将销毁,此时仍然可以使用子组件的实例、methods、watch
到了destroyed生命周期函数,此时已经被销毁,无法再使用子组件的实例,methods、watch
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- vue中destroyed方法的使用说明
- 深入理解Vue父子组件生命周期执行顺序及钩子函数
- 聊聊vue生命周期钩子函数有哪些,分别什么时候触发