Vue封装webstorage存储方法公共调用

封装的storage.js：

var storage={
  set(key,value){
      localStorage.setItem(key,JSON.stringify(value));
  },
  get(key){
      return JSON.parse(localStorage.getItem(key));
  },
  remove(key){
      localStorage.removeItem(key);
  }
}

export default storage;

全局配置main.js：

import storage from "./utils/storage"

Vue.prototype.$storage=storage//全局storage

组件中调用：

this.$storage.set("name",this.ruleForm.username);