Построить плагин VueJS для хранения

Question

Мне нужно создать plugin, который будет смотреть data из component и синхронизировать его с типом хранилища, таким как localStorage - это не имеет значения.

Когдаmounted или created этот компонент извлечет значения хранилища и запишет их в data

В конечном счете, я хочу, чтобы данные из интерфейса не исчезали после перезагрузки страницы.vuex-persist и подобные плагины, работающие с данными из Vuex, когда я хочу работать с этими компонентами.

Я начал создавать plugin:

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.
          }
        }
      }
    })
  }
}

Поделитесь своими решениями для зрения,Буду благодарен за любое внимание и помощь.

Answer 1

Вам понравится, что это уже существует.

Независимо от того, хотите ли вы использовать его или создать свой собственный плагин, вы можете многому научиться у vuex-persis .