vue.js - vue apollo 订阅的生命周期是什么？

Question

是否 vue-apollo View 更改时自动取消订阅查询？

例如，我有两个 View 路由到 /users和 /orders . /users订阅了 users表和 /orders订阅了 orders table 。

如果我在 /user页面，order订阅还有效吗？如果是，我将如何关闭它？

Answer 1

由于 Apollo 查询绑定(bind)到您的组件，它们将遵循组件的生命周期，即如果您的路由更改(渲染不同的组件)，您的旧组件将被删除，因此您的旧查询也将被删除。

这在 Vue apollo 中由 this mixin 处理。 .

请看以下部分:

export function installMixin (Vue, vueVersion) {
  Vue.mixin({
    // Other irrelevant code for this question
    destroyed: destroy,
  })
}

这意味着它绑定(bind)到每个 Vue 组件的 'destroyed' 事件，然后触发销毁函数(由 Vue API reference 定义):

function destroy () {
  if (this.$_apollo) {
    this.$_apollo.destroy()
  }
}

因此，此过程可确保您的查询被销毁，并且在您的组件被销毁时不再有效。

我希望这回答了你的问题