javascript - 使用 Vue.js 和 vue-router 构建 SPA 时如何销毁组件？

Question

假设我有一个如下所示的路由映射:

router.map({
'/a_example': {
    component: A
},

'/b_example': {
    component: B
},

组件 A 每 1 秒有一个 Ajax 请求。我在浏览器中加载 /a_example 并单击 component A 上的链接转到 /b_示例。现在浏览器正在按预期显示组件 B。然而，Ajax 请求并没有停止，仍然每 1 秒发送一次请求。

我的猜测是 vue-router 仍然将组件 A 隐藏在引擎盖下，这样它就不会遇到性能问题。

无论如何，我在 http://vuejs.github.io/vue-router/en/view.html 中找到了所有信息这是 keep-alive 东西吗？但默认情况下它是停用的，我确定我没有使用它。

有什么我可以使用的选项吗？

Answer 1

Vue-router 提供了一些可选的 transition hooks .您可以在 deactivate Hook 内停止发送 ajax 请求。

Vue.component('component-A', {
  route: {
    deactivate: function () {
    //stop sending requests
    }
  }
})