Javascript 构建VueJS存储插件

我需要创建一个插件来监视组件的数据，并将其与一种存储（如localStorage）同步，这无关紧要

安装或创建此组件时，将检索存储值，并将其写入数据

最终，我希望重新加载页面后，界面中的数据不会消失。 当我想使用这些组件时，vuex会保持并像这样使用来自vuex的数据的插件

我开始创建一个插件：

分享您的愿景解决方案。

---

我将非常感谢您的关注和帮助。

您会喜欢它已经存在

---

无论您是想使用它还是构建自己的插件，您都可以从中学习到很多东西。

这个问题不太适合这个平台。请尝试提出具体的问题，以便给出具体的答案，而不是要求提供如此广泛的实施示例。试着尽你所能地工作，然后问你什么时候卡住了。

export default {
  install(Vue, options) {
    Vue.mixin({
      computed: {
        watchedComponents() {
          return this._data // Is there some other way to obtain the component data ???
        }
      },
      watch: {
        watchedComponents: {
          deep: true, // For watching nestead changes
          handler() {
            // At this point I start receive recursion errors.
          }
        }
      }
    })
  }
}