Vuex - 如何跨不同选项卡持久存储更新？答案

【问题标题】：Vuex - How to persist store updates across different tabs?Vuex - 如何跨不同选项卡持久存储更新？
【发布时间】：2018-11-30 18:51:48
【问题描述】：

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

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

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

在模板中：

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

【问题讨论】：

标签： vue.js vuex

【解决方案1】：

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

【讨论】：