vue3.2 中vuex使用方法

在 Vue 3.2 中使用 Vuex，你需要先安装 Vuex。你可以使用以下命令来安装它：

npm install vuex@next

安装完成后，在你的应用程序入口文件中，一般是 `main.js`，导入并使用 Vuex：

import { createApp } from 'vue'
import { createStore } from 'vuex'
import App from './App.vue'

const store = createStore({
  state() {
    return {
      // 状态
    }
  },
  mutations: {
    // 改变状态的方法
  },
  actions: {
    // 异步操作的方法
  },
  getters: {
    // 计算属性
  }
})

const app = createApp(App)
app.use(store)
app.mount('#app')

在这个例子中，我们创建了一个包含 `state`、`mutations`、`actions` 和 `getters` 的 Vuex store。你需要根据你的应用程序需求来定义这些部分。

在组件中使用 Vuex，你可以使用 `mapState`、`mapMutations`、`mapActions` 和 `mapGetters` 辅助函数，或者直接使用 `store` 实例。

例如，使用 `mapState` 辅助函数来映射 store 中的状态到组件的计算属性：

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['counter'])
  }
}

这样就可以在组件中使用 `this.counter` 来访问 `counter` 状态。

这只是一个简单的示例，Vuex 还有更多的功能和用法。你可以参考 Vuex 的官方文档来了解更多详情：https://next.vuex.vuejs.org/