vue3 vuex

在 Vue 3 中，使用 Vuex 也是非常简单的。与 Vue 2 相比，Vue 3 对 Vuex 提供了更好的支持和集成。

首先，你需要安装 Vuex。可以使用 npm 或 yarn 来安装最新版本的 Vuex：

npm install vuex

或

yarn add vuex

然后，在你的 Vue 3 应用中，创建一个 store 实例来管理状态。你可以在一个单独的文件中创建和导出该实例：

import { createStore } from 'vuex';

const store = createStore({
  state() {
    return {
      // 在这里定义你的状态
    };
  },
  mutations: {
    // 在这里定义你的 mutations
  },
  actions: {
    // 在这里定义你的 actions
  },
  getters: {
    // 在这里定义你的 getters
  },
});

export default store;

接下来，在你的主应用程序文件中，使用 `createApp` 函数来创建应用程序，并将 store 实例传递给 `use` 函数：

import { createApp } from 'vue';
import store from './store';
import App from './App.vue';

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

现在，你就可以在你的组件中使用 Vuex 了。可以使用 `useStore` 函数来获取 store 实例，并通过 `$store` 访问状态、提交 mutations、分发 actions 等：

import { useStore } from 'vuex';

export default {
  setup() {