vue3 简单使用vuex

在Vue3中简单使用Vuex的步骤如下：
1. 首先，确保已经安装了Vuex库。可以通过运行命令`npm install vuex`来安装。
2. 在src目录下新建store目录，并在其中创建一个store.js文件。
3. 在store.js文件中，引入Vue和创建Vuex.Store实例所需的依赖项。
4. 创建一个state对象，用于存储需要在多个组件之间共享的状态。
5. 创建mutations对象，包含一些用于修改state的方法。
6. 创建actions对象，包含一些用于异步操作或逻辑处理的方法。
7. 创建getters对象，包含一些基于state的计算属性。
8. 最后，通过调用`createStore`函数创建一个Vuex.Store实例，并在Vue应用的主入口文件（一般是main.js）中导入并使用。

示例代码如下：

src/store/store.js:

import { createStore } from 'vuex';

const store = createStore({
  state: {
    // 状态数据
  },
  mutations: {
    // 修改状态的方法
  },
  actions: {
    // 异步操作或逻辑处理的方法
  },
  getters: {
    // 基于state的计算属性
  }
});

export default store;

main.js:

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

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