1.创建存储变量

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

2.赋值

userInfoStore.value.userInfo = data

其他同理

3.获取值

const userInfo = userInfoStore.value.userInfo

以上是在同一组件进行操作，但在实际开发中，我们会遇到跨页面获取值的情况

4.跨页面获取值

1.在需要使用值的页面获取并赋值给新的变量

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

获取值:

const userInfo = userInfoStore.value.userInfo

2.踩过的坑

1.如果useStorage('my-store', {})的第二个参数为空对象,在获取值的时候会有ts提示:

所以在应用时最好把对应的值写上