Vuex-如何在不同标签之间持久存储更新？

Question

我有一个使用Vuex的Vue应用程序。如果我打开了两个标签，则在一个标签中对商店的更改不会在另一个标签中显示。

如何确保所有选项卡上的存储/数据立即同步？

const store = new Vuex.Store({
  state: {
    tasks: []
  },
  getters: {
    tasks: state => state.tasks
  }
}

在模板中：

computed: {
  tasks: function () {
    return this.$store.getters.tasks
  }
}

Answer 1

这在默认情况下不起作用。您可以使用vuex-shared-mutations。看到这里：https://github.com/xanf/vuex-shared-mutations