storage封装

storage.js

 /*
     storage 主要放项目中的storage相关操作：存取等
 */
 var storage = {
     /**
      对本地数据进行操作的相关方法，如localStorage,sessionStorage的封装
     */
     setStorage: function(key, value, duration) {
         var data = {
             value: value,
             expiryTime: !duration || isNaN(duration) ? 0 : this.getCurrentTimeStamp() + parseInt(duration)
         };
         localStorage[key] = JSON.stringify(data);
     },
     getStorage: function(key) {
         var data = localStorage[key];
         if (!data || data === "null") {
             return null;
         }
         var now = this.getCurrentTimeStamp();
         var obj;
         try {
             obj = JSON.parse(data);
         } catch (e) {
             return null;
         }
         if (obj.expiryTime === 0 || obj.expiryTime > now) {
             return obj.value;
         }
         return null;
     },
     removeStorage: function(key){
         localStorage.removeItem(key);
     },
     getSession: function(key) {
         var data = sessionStorage[key];
         if (!data || data === "null") {
             return null;
         }
         return JSON.parse(data).value;

     },
     setSession: function(key, value) {
         var data = {
             value: value
         }
         sessionStorage[key] = JSON.stringify(data);
     },
     getCurrentTimeStamp: function() {
         return Date.parse(new Date());
     }
 };
 export default storage;

在main.js里面引用

import storage from '@/utils/storage.js'
Vue.config.productionTip = false

//将常用工具方法扩展成Vue实例
Vue.prototype.$storage=storage;