Vue封装local及session

封装local及session，方便后续调用。

1、src目录下创建storge文件夹

        ----index

        ----storge.local.js

        ----storge.session.js

2、index内容

import Vue from 'vue'
import LocalStorage from './storge.local'
import SessionStorage from './storge.session'

//原型链设置
Vue.prototype.$local = LocalStorage 
Vue.prototype.$session = SessionStorage

3、storge.local.js

export default {
    /**
     *  localStorage 获取 key 对应的值
     *  @param key
     *  @returns {*}
     */
    get: (key) => {
        const value = window.localStorage.getItem(key);
        let result;
        try {
            const resultJSON = JSON.parse(value);
            result = resultJSON;
        }
        catch (e) {
            result = value;
        }
        return result;
    },
    /**
     *  localStorage 存入key 对应的值
     *  @param key
     *  @returns value
     */
    set: (key, value) => {
        const result = typeof value == 'object' ? JSON.stringify(value) : value.toString();
        window.localStorage.setItem(key, result)
    },
    /**
     *  localStorage 删除 key 及对应的值
     *  @param key
     */
    remove: (key) => {
        window.localStorage.removeItem(key)
    },
    /**
     *  localStorage 清除
     */
    clear: () => {
        window.localStorage.clear()
    } 

}

 4、storge.session.js

export default {
    /**
     *  sessionStorage key 对应的值
     *  @param key
     *  @returns {*}
     */
    get: (key) => {
        const value = window.sessionStorage.getItem(key);
        let result;
        try {
            const resultJSON = JSON.parse(value);
            result = resultJSON;
        }
        catch (e) {
            result = value;
        }
        return result;
    },
    /**
     *  sessionStorage 存入key 对应的值
     *  @param key
     *  @returns value
     */
    set: (key, value) => {
        const result = typeof value == 'object' ? JSON.stringify(value) : value.toString();
        window.sessionStorage.setItem(key, result)
    },
    /**
     *  sessionStorage 删除 key 及对应的值
     *  @param key
     */
    remove: (key) => {
        window.sessionStorage.removeItem(key)
    },
    /**
     *  sessionStorage 清除
     */
    clear: () => {
        window.sessionStorage.clear()
    } 

}

制作不易，纯手工制作，有问题随时留言，联系方式：q_2640451680