Vue js 2 *私有地持久化组件的数据*

Question

我目前有一个 Vue.js 2 SPA 使用 Vuex 进行组件间通信，并使用 Vuex 持久化状态来持久化我的共享状态。

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

我尝试了包 vue-persist，它可以很好地保留组件数据，但是，变量没有命名空间，因此在所有组件实例之间共享。 我想分别保留每个组件的数据。

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

1(我的本地数据的持久性(因此它可以在浏览器刷新后幸存下来(。
2( 持久化的数据不与其他组件共享(也许每个组件实例的名称间距？

谢谢！

Answer 1

我不熟悉vue-persist，但看起来您可以将商店名称作为第二个参数传递给$persist。为组件实例选择唯一的存储名称(这将因组件而异(。

例如

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