動作未確認

with-local-storage.js

const persistedStore = {
  state: {},
  
  load() {
    this.state = JSON.parse(localStorage.getItem('state'))
  },
  
  watch(vm, key) {
    return vm.$watch(key, (value) => {
      localStorage.setItem('state', JSON.stringify(value))
    }, { deep: true })
  }
}

const memoryStore = {
  state: {}
}

persistedStore.load()

Vue.mixin({
  data() {
    return {
      persisted: persistedStore.state,
      memory: memoryStore.state
    }
  }
})

// App.vue とかで
export default {
  mounted() {
    this._unwatch = persistedStore.watch(this, 'persisted')
  },
  
  beforeDestroy() {
    this._unwatch()
  }
}