Detaillierte Erläuterung der Vuex-Persistenz in der praktischen Anwendung von Vue

Vue von „vue“ importieren
Vuex von „vuex“ importieren
//Einführen von import persistedState from 'vuex-persistedstate'
Vue.Verwenden(Vuex)
exportiere standardmäßig neuen Vuex.Store({
  Zustand: {
    Num: null,
    Name: null
  },
  Mutationen:
    getNum(Zustand, Wert) {
      Zustand.num = Wert
    },
    getName(Status, Wert) {
      Status.Name = Wert
    }
  },
  //Plugins konfigurieren: [
    persistenterZustand({
    	//Standardmäßig wird localStorage zum Konsolidieren von Daten verwendet. SessionStorage kann ebenfalls verwendet werden. Die Konfiguration ist dieselbe: storage: window.localStorage,
      Reduzierer(Wert) {
        zurückkehren {
        // Speichere nur den Wert num im Status: val.num,
          Name: Wert.Name
        }
      }
    })
  ]
})

erstellt(){
    dies.$store.commit('getNum',3)
    this.$store.commit('getName','Name')
  },

<Vorlage>
  <div>
      {{$store.state.num}}
      {{$store.state.name}}
  </div>
</Vorlage>