JS localStorage的简单保存、读取、删除

保存

window.localStorage.setItem('key',true);

读取

window.localStorage.getItem('key')

删除

window.localStorage.removeItem('key')

代码如下

<template>
  <div class="hello">
    <div @click="saveData()">保存</div>
    <div @click="readData()">读取</div>
    <div @click="delData()">删除</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      
    };
  },
  mounted() {
  },
  methods:{
    saveData(){
      window.localStorage.setItem('key',true);
      console.log('location',window.localStorage.getItem('qaq'))
    },
    readData(){
      if(window.localStorage.getItem('key')){
        console.log('true')
      }else{
        console.log('false')
      }
    },
    delData(){
      window.localStorage.removeItem('key')
    }
  }
};
</script>