vue3中取useStorage存的值

在Vue3中，可以使用useStorage函数来存储和获取值。首先，你需要导入ref函数和useStorage函数。然后，你可以使用ref函数创建一个变量，并将其作为参数传递给useStorage函数来保存值。例如，你可以这样写：

import { ref } from "vue";
import { useStorage } from "vue3-storage";

const msg = ref('你好');
useStorage('msg', msg.value);

要获取存储的值，你可以再次使用useStorage函数，并传递存储的键名作为参数。这将返回一个包含存储的值的响应式对象。你可以通过访问该对象的value属性来获取存储的值。例如：

const msgData = useStorage('msg');
console.log('msgData', msgData.value);

如果你想删除存储的值，你可以将变量设置为null或使用removeItem方法。例如：

msg.value = null;

这样就可以删除存储的值了。请注意，这些操作都是在同一个组件中进行的。如果你需要在不同的页面之间获取存储的值，你可以在需要使用值的页面上使用useStorage函数，并将存储的键名作为参数传递给它。这样就可以获取并赋值给新的变量了。例如：

const userInfoStore_1 = useStorage('my-store', { tenantId: '', userInfo: {}, permission: '', roles: \[\], menuId: {}, menu: \[\], routerMenu: \[\], token: '', refreshToken: '', });

这样，你就可以在不同的页面之间获取存储的值了。
#### 引用[.reference_title]
- *1* *2* [在Vue 3中使用useStorage轻松实现localStorage功能](https://blog.csdn.net/qq_48652579/article/details/130660186)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue3 使用 vueuse - useStorage - object](https://blog.csdn.net/weixin_42737937/article/details/127685881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]