vuex持久化库下载和使用

npm i vuex-persistedstate --save

奇怪怪，一直下载不了，命令行卡住，换了镜像源，下载方式都不行

关了项目，重新再打开下载就可以了。。

顺便贴一下npm区别

npm install moduleName ： 安装模块到项目目录下

npm install moduleName -g： -g 将模块安装到全局，具体安装到磁盘哪个位置，要看npm config prefix的位置。查看：npm config ls,修改：npm config set prefix.

npm install moduleName --save：（简写：-S） -save 将模块安装到项目目录下，并在package文件的dependencies属性写入依赖。

npm install moduleName --save-dev ：（简写：-D） -save-dev 将模块安装到项目目录下，并在package文件的devDependencies属性写入依赖。

package.json文件里面

dependencies 是生产环境要用的

devDependencies 是开发环境要用的

持久化库使用

import Vue from 'vue'
import Vuex from 'vuex'
import persistedState from 'vuex-persistedstate'
import common from './common'
Vue.use(Vuex)

const store = new Vuex.Store({
    plugins: [persistedState({ storage: window.sessionStorage })],
    modules: {
        common,
    }
})

export default store

main.js

import store from './store';
Vue.prototype.$store = store; //挂载在 Vue 实例上

实在npm不了库的话，骚操作

CV一份在package.json

npm install

  "dependencies": {
    "store": "^2.0.12",
    "vuex-persistedstate": "^4.0.0-beta.1"
  }

检查有没有下载成功