usestore 里面pinia 仓库不同步

`useStore` 是 Vue 3 中 `pinia` 模块提供的状态管理工具，它帮助我们在组件之间共享数据。`pinia` 实现了一个类似于 Vuex 的状态管理模式，但更轻量级、无中间件，并强调了响应式的特性。

在 `pinia` 中，当你直接在仓库 (`store') 中修改数据并期望所有依赖该数据的组件实时更新时，默认它是同步的。然而，如果你需要异步操作（比如从 API 获取数据），通常不会直接在仓库中修改数据，而是通过副作用函数 (actions) 或者 commit mutation 来处理，这样做是为了保持数据的纯粹性以及避免不必要的状态混乱。

举个例子：

import { store } from 'your-store'

// 同步操作
export const getters = {
  someData: state => state.someData
}

// 异步操作
export const actions = {
  async fetchData ({ commit }) {
    const result = await yourAPI()
    commit('setSomeData', result)
  }
}

export const mutations = {
  setSomeData(state, data) {
    state.someData = data
  }
}

在这个场景下，当你调用 `fetchData` 并设置数据时，`getters.someData` 可能不会立即反映新的值，因为它依赖于 mutation。为了保证数据更新后的同步性，可以在 `actions` 成功后触发组件的更新，例如：

// 组件中
const [data, setData] = useState()

store.dispatch('fetchData').then(() => {
  setData(store.getters.someData)
})

如果需要让仓库里的数据总是即时更新给依赖方，可以考虑在适当的地方监听仓库的改变或者使用 `watch` 函数来手动触发更新。