hooks+useStorage实现数据本地化存储，pinia一样同理

ts文件

import { ref, onMounted, computed } from "vue";
import { useStorage, StorageSerializers } from "@vueuse/core";
//let sum = ref(10); //这样的话 数据就会共享，不能写在方法内

//useStorage;  数据默认是响应式的
const state = useStorage("sum", 10); //这样的话 数据就会共享，存储本地，刷新页面也不会丢失。默认存localstorage
//获取数据
console.log(state.value); //20
console.log(useStorage("num", 0).value);

//可以存sessionStorage，单个字符串
const id = useStorage("my-id", "some-string-id", sessionStorage); //
console.log(id);
console.log(id.value);
console.log(useStorage("my-id", ""));

export default function () {
  // 数据
  let bigSum = computed(() => {
    return state.value * 10;
  });

  // 方法
  function add(