const accessToken = localStorage.getItem('ACCESS_TOKEN');vue2.x转化vue3.x

在Vue 2.x中，通常使用`localStorage.getItem('ACCESS_TOKEN')`来从本地存储获取数据。而在Vue 3.x中，由于引入了更严格的API规则以及Composition API，可以使用相似的方式来访问本地存储，但推荐使用`ref`配合`useEffect`或`watch`来管理状态。以下是转换后的示例：

import { ref, useEffect } from 'vue';

const accessTokenRef = ref(null); // 创建一个响应式变量

// 使用useEffect来初始化或更新数据
useEffect(() => {
  const tokenFromLocalStorage = localStorage.getItem('ACCESS_TOKEN');
  if (tokenFromLocalStorage) {
    accessTokenRef.value = tokenFromLocalStorage; // 设置初始值
  }
}, [accessTokenRef]); // 当tokenRef变化时重新获取

// 现在在组件中使用accessTokrnRef而不是直接localStorage
export default {
  setup() {
    return {
      accessToken: accessTokenRef,
    };
  },
};