vue render函數使用jsx語法 可以使用v-model語法 vuex實現數據持久化


render函數使用jsx語法:

安裝插件  transform-vue-jsx  

可以使用v-model語法安裝插件 jsx-v-model

.babelrc文件配置:

 

 

 

vuex實現數據持久化 

安裝插件vuex-persistedstate

使用方法:

 

默認存儲是的localStorage

想要存儲sessionStorage 配置如下:

import creatPersistedState from  'vuex-persistedstate'

const store=new Vuex.Store({

  plugins:[createPersistedState({storage:window.sessionStorage})],

  modules:{

    user:user

}

});

想使用cookie或localstorage 同理

 

vuex-persistedstate 默認持久化所有的state,指定需要持久化的state,配置如下:

import createPersistedState from 'vuex-persistedstate'

const store=new Vuex.Store({

plugins:[createPersistedState({

  storage:window.sessionStorage,

  reducer(val){  

    user:val.user

  }

})],

modules:{

  user:user,

  list:list

}

});

值存儲state中的user

vuex 引用多個插件的寫法

import createPersistedState from "vuex-persistedstate"

import createLogger from 'vuex/dist/logger'

// 判斷環境 vuex提示生產環境中不使用

const debug = process.env.NODE_ENV !== 'production

const createPersisted = createPersistedState({ storage: window.sessionStorage })

export default new Vuex.Store({ // ... plugins: debug ? [createLogger(), createPersisted] : [createPersisted] })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM