第二章节 storage封装的 setItem出错

来源：2-11 storage二次封装

慕慕1545788

2021-05-07

图片描述

代码：
storage.js:

import config from './../config'
export default {
    setItem(key,val){
        let storage =this.getStorage();
        storage[key]=val;
        window.localStorage.setItem(config.namespace,stringify(storage));
    },
    getItem(key){
        return this.getStorage()[key];
    },
    getStorage(){
        return JSON.parse(window.localStorage.getItem(config.namespace)|| "{}");
    },
    clearItem(){
        let storage = this.getStorage()
        delete storage[key]
    },
    clearAll(){
        ndow.localStorage.clear()
    }
}

App.vue:

<template>
  <router-view></router-view>
</template>

<script>
   export default  {
     name : 'app',
     mounted(){
       this.$storage.setItem('name',"Tome")
     }
   }
</script>

<style>
 
</style>

main.js:

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import request from './utils/request'
import storage from './utils/storage'

console.log("环境变量=>",import.meta.env)
const app=createApp(App);
app.config.globalProperties.$request=request;
app.config.globalProperties.$storage=storage;
app.use(router).use(ElementPlus).mount('#app')

写回答

4回答