vue 怎么正常 使用 localStorage

在Vue应用中，正常使用`localStorage`可以按照以下几个步骤操作：

1. 安装依赖（若使用Quasar框架）：

   quasar install storage // 或者直接 import from vue-quasar-plugins

2. 导入`localStorage`实例：

   import { localStorage } from 'vue-quasar-plugins'
   const storage = localStorage // 或者使用 this.$q.localStorage (如果在Quasar中)

3. 存储数据：

   let dataToStore = 'exampleValue';
   await storage.set('keyName', dataToStore);

4. 获取数据：

   let storedData = await storage.get('keyName');
   console.log(storedData); // 如果存在则返回对应的值

5. 删除数据：

   await storage.remove('keyName');

6. 在`mounted`钩子中使用：

   async mounted() {
     try {
       const storedData = await storage.get('yourKey');
       // 在这里处理获取到的数据
     } catch (error) {
       console.error('Failed to fetch data from localStorage:', error);
     }
   }

7. 注意事项：
- `localStorage`仅在客户端可用，不能跨域获取数据。
- 数据是以字符串形式存储的，转换和序列化/反序列化可能需要。