一个关于localStorage数据储存的问题

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。

用法

localStorage.setItem(‘key’, ‘name’); //创建一个key但是值必须为string类型

SO，可以和 JSON.parse() 搭配使用

localStorage.getItem(‘myCat’); //得key中的值

也可以用JSON.stringify() 再次转换为obj对象类型

localStorage.clear(); //清除所有data

可以查看文档来了解更多API

以下就是我做的一个简单的点赞数据的存储组件

<template>
  <div class="box">
    <div class="thubm-up" @click="thubmup"></div>
    <div class="up-amount">{{amount}}</div>
  </div>
</template>
<script>
export default {
  name: "thumb-up",
  data() {
    return {
      amount: "0",
    }
  },
  created(){
      this.loadamount();
      //window.localStorage.clear()
  },
  methods: {
    thubmup() {
        this.amount++;
        localStorage.setItem("amount",this.amount);
    },
    loadamount(){
        var res = localStorage.getItem("amount");
        this.amount=res;
    }
  }
};
</script>

希望能帮到大家哟！