vue3 使用vuex

在 Vue 3 中使用 Vuex，你需要先安装 Vuex 库。你可以通过以下命令使用 npm 或者 yarn 进行安装：

npm install vuex

或者

yarn add vuex

安装完成后，你需要在你的 Vue 3 项目中创建一个 store。在你的项目中创建一个名为 `store` 的文件夹，并在该文件夹中创建一个 `index.js` 文件。

在 `index.js` 文件中，你需要导入 Vue 和 Vuex，并使用 `createStore` 函数创建一个 Vuex store。下面是一个基本的示例：

import { createApp } from 'vue'
import { createStore } from 'vuex'

const store = createStore({
  state() {
    // 定义状态
    return {
      count: 0
    }
  },
  mutations: {
    increment(state) {
      // 修改状态
      state.count++
    }
  },
  actions: {
    increment(context) {
      // 执行异步操作
      setTimeout(() => {
        context.commit('increment')
      }, 1000)
    }
  },
  getters: {
    getCount(state) {
      // 获取状态
      return state.count
    }
  }
})

const app = createApp({})

app.use(store)
app.mount('#app')

然后，在你的组件中，你可以使用 `useStore` 函数来访问 Vuex store。下面是一个示例：

import { useStore } from 'vuex'

export default {
  setup() {
    const store = useStore()

    const incrementCount = () => {
      store.commit('increment')
    }

    return {
      incrementCount
    }
  }
}

除了使用 `useStore` 函数，你还可以使用 `mapState`、`mapMutations`、`mapActions` 和 `mapGetters` 辅助函数来简化代码。

这样，你就可以在 Vue 3 中使用 Vuex 了。希望对你有所帮助！如果你还有其他问题，请随时提问。