la persistance des données vue de vuex

Ce faisant stockage des données vuex, nous sommes confrontés au navigateur pour actualiser la page résoudre la perte de données de perte de données, comment persister les étapes suivantes doivent

一: NPM installer vuex-persistedstate 

Deux: magasin / index.js introduit: vuex-persistedstate

Vue de l' importation 'vue' 
importation de Vuex 'vuex'
// widget de incorporé
Importation de persistedState 'vuex-persistedstate'
Vue.use (Vuex)

Exporter Vuex.Store nouvelle nouvelle valeur par défaut ({ Etat: { nom: "111111" }, mutations: } {, Actions: {}, modules: {}, // stockage par défaut à localStorage plugins: [
    // défaut localStorage
    persistedState ()

    // set suivant la sessionStorage
    // persistedState ({stockage: window.sessionStorage})


    // mettre le cookie
    //persistedState({
    //  storage: {
    //    getItem: key => Cookies.get(key),
    //    setItem: (key, value) => Cookies.set(key, value, { expires: 7 }),
//    removeItem: key => Cookies.remove(key)
    //  }
  //})

 ] })

 

 

Je suppose que tu aimes

Origine www.cnblogs.com/zqxi/p/12461602.html
conseillé
Classement