Vue js 2私下保留组件的数据*

Question

我目前有一个Vue.js 2 SPA使用Vuex进行组件间通信，Vuex-persisted状态可以保持我的共享状态。

但是，我想要保留组件的本地 私有数据。

我尝试了包vue-persist并且它保持组件数据正常，但是，变量不是命名空间，因此在所有组件实例之间共享。我想分别保留每个组件的数据。

有谁知道如何在我的Vue.js 2.x应用程序中实现这两件事？

1）我的本地数据的持久性（因此它可以在浏览器刷新后继续存在） 2）持久化数据不与其他组件共享（可能是每个组件实例的名称间隔？）。

谢谢！

Answer 1

我不熟悉vue-persist，但看起来您可以将商店名称作为第二个参数传递给$persist。为组件实例选择唯一的商店名称（具体取决于组件）。

e.g。

created() {
  this.$persist(['foo'], 'my-comp:' + this.id);
}