vue 生命周期 beforeDestroy 和 destroyed 调用

Posted 2020-12-12 spqin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 生命周期 beforeDestroy 和 destroyed 调用相关的知识，希望对你有一定的参考价值。

情境一：离开当前路由，会直接调用；

当前路由不使用 <keep-alive> 缓存，离开当前路由会直接调用 beforeDestroy  和 beforeDestroy  销毁

情景二：离开当前路由，不会直接调用，需要程序控制调用；

当前路由使用 <keep-alive> 缓存，离开当前路由不会直接调用 beforeDestroy 和 beforeDestroy 销毁，需要使用路由钩子函数主动的调用

beforeRouteLeave(to, from, next) {
  this.$destroy();
  next();
}


如有问题，欢迎指正。

以上是关于vue 生命周期 beforeDestroy 和 destroyed 调用的主要内容，如果未能解决你的问题，请参考以下文章