la persistencia de datos vuex vue

Al hacer el almacenamiento de datos vuex, nos enfrentamos con el navegador para actualizar la página a la pérdida de datos pérdida de datos determinación, la forma de persistir después de los pasos necesidad

一: NPM instalar vuex-persistedstate 

Dos: tienda / index.js introducido: vuex-persistedstate

Vue de importación 'Vue' 
Importar de Vuex 'vuex'
// Reproductor incorporado
Importar de 'vuex-persistedstate' persistedState
Vue.use (Vuex)

Exportación Vuex.Store nuevo nuevo valor predeterminado ({ Estado: { nombre: "111111" }, mutaciones: } {, acciones: {}, módulos: {}, // almacenamiento predeterminado en localStorage plugins: [
    // predeterminado localStorage
    persistedState ()

    // set siguiendo el sessionStorage
    // persistedState ({almacenamiento: window.sessionStorage})


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

 ] })

 

 

Supongo que te gusta

Origin www.cnblogs.com/zqxi/p/12461602.html
Recomendado
Clasificación