vue-ls安装和使用

在写vue pc端项目时使用插件Vue-ls用来控制数据存储在localStorage或者sessionStorage中，还可以控制其存储时效性
首先安装
npm install vue-ls --save
使用yarn的话
yarn add vue-ls
然后全局使用，在main.js文件中导入

import Storage from ‘vue-ls’;
const options = {
namespace: ‘vuejs__’, // 存储的key键前缀，可自定义
name: ‘ls’, // 命名Vue变量.ls则使用为this.$ls或者Vue.ls,
storage: ‘local’, // 存储名称: session, local, memory，更改为session则默认存储在sessionStorage
};
Vue.use(Storage, options);//使用vue-ls插件

具体应用例如：
在store 里面state.js 使用

//vue-ls
import Storage from 'vue-ls'
const options = {
  namespace: '项目名称__', //key键前缀 可自定义
  name: 'ls', // 命名Vue变量.[ls]或this.[$ls]
  storage: 'local', // 存储名称: session, local, memory
}
Vue.use(Storage, options);
const state = {
    sid:Vue.ls.get('sid'),
    userInfo: Vue.ls.get('userInfo'), //用户信息
}

export default state

就可以了