vue封装sessionStoage存储信息

Posted rabbitstudent

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue封装sessionStoage存储信息相关的知识,希望对你有一定的参考价值。

创建store文件夹下index.js文件

var KEY=‘rabbitStudent‘
export default{
    setUser(user){
        //将后端返回的对象转换成字符串
        const JsonStr=JSON.stringify(user)
        // 将返回的字符串存储到KEY中
        window.sessionStorage.setItem(KEY,user)
    },
    getUser(){
        // 将sessionStorage中获取出来,如果存储没有数据返回空对象,做个优化处理防止报错
        var jsonStr=window.sessionStorage.getItem(KEY)||{}
        return Json.parse(jsonStr)
    },
    delUser(){
        window.sessionStorage.removeItem(KEY)
    } 
}

import  store from ‘@/store’

以上是关于vue封装sessionStoage存储信息的主要内容,如果未能解决你的问题,请参考以下文章

[Vue + TS] Use Dependency Injection in Vue Using @Inject and @Provide Decorators with TypeScript(代码片

vue中使用axios简单封装用法,axios报错the request was rejected because no multipart boundar

vue2.0封装自己的ajax模块

vue3+eharts封装组件

Element ui+Vue+SSM-简易学生信息管理系统-请求封装

一片文章轻度解析Vuex