1.安装 插件
npm /cnpm i vuex-persist -S
1. 配置
// 引入 vuex-persist
import persist from 'vuex-persist'
const vuexLocal = new persist({
storage:window.localStorage , // 定义使用本地存储 做 持久化
})
3.注册使用
plugins:[vuexLocal.plugin] , // 挂载到vuex 插件上
- 安装 项目 配置 各类 插件 :
- 1> elemet-ui 安装 : npm i element-ui -S
2> 安装 axios : npm i axios -S
3> vuex 持久化 插件 npm i vuex-persist -S
配置 :
1> axios 全局配置 main.js
// 引入 axios
import axios from 'axios'
Vue.prototype.$axios =axios;
2> 持久化插件 全局配置
在 vuex 的 store -index.js
1. // 引入 vuex-persist
import persist from 'vuex-persist'
const vuexLocal = new persist({
storage:window.localStorage , // 定义使用本地存储 做 持久化
})
注册使用
plugins:[vuexLocal.plugin] , // 挂载到vuex 插件上
1. element-ui 全局配置
在main.js 去配置
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);