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] })