封裝LocalStorage.js

以前使用vue開發的項目頻繁使用到localStorage，封裝了一下

localStorage.js文件代碼以下：

let obj = {};

/**
 * putLocalStorage 把數據放到本地存儲
 * @param {*} key
 * @param {*} value
 */
obj.putLocalStorage = function (key, value) {
    window.localStorage.setItem(key, JSON.stringify(value));
};

/**
 * getLocalStorage 獲取本地存儲數據
 * @param {*} key
 */
obj.getLocalStorage = function (key) {
    var obj = window.localStorage.getItem(key);
    if (obj && obj != 'undefined' && obj != 'null') {
        return JSON.parse(obj);
    }
    return '';
};

/**
 * removeLocalStorage 清除本地數據
 * @param {*} key
 */

obj.removeLocalStorage = function (key) {
    if (key) {
        window.localStorage.removeItem(key);
    } else {
        console.log(arguments)
        for (var i in arguments) {
            window.localStorage.removeItem(arguments[i]);
        }
    }
};


export default obj;

main.js中將其掛在到vue的原型屬性上：

import localstorage from './assets/js/localstorage'

Vue.prototype.$localstorage = localstorage

.vue文件中的使用方法：

存儲：this.$localstorage.putLocalStorage('subMenu',this.subMenu)

獲取：this.$localstorage.getLocalStorage('subMenu')

清除：this.$localstorage.removeItem('subMenu')