vue.js - 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