vue.js - vue 2 生命周期 - 如何停止 beforeDestroy？

Question

我可以在 beforeDestroy 中添加一些东西来防止破坏组件吗？ ？

或者有什么方法可以防止破坏组件？

我的情况是，当我通过 vue-route 更改 spa 页面时，我首先使用 watch route，但我发现它不会触发，因为组件刚刚销毁..

Answer 1

正如 belmin bedak 评论的那样，您可以使用 keep-alive

• 当您使用 keep-alive 时，另外两个生命周期 Hook 开始起作用，它们是 activated 和 deactivated Hook ，而不是 销毁

• keep-alive的目的是缓存而不是销毁组件

• 您可以使用 keep-alive 元素的 include 和 exclude 属性，并提及应该是的组件的名称包括缓存和排除在缓存之外。这是 documentation

• 如果您想要强行销毁组件，即使它已被缓存，您可以使用 vm.$destroy() here

此外，您可以在所有生命周期钩子(Hook)中console.log 并检查正在调用哪个生命周期钩子(Hook)