Vue3.0 中如果使用vuex store

在Vue3.0中，Vuex是一个状态管理模式，它用于管理应用的所有共享状态。如果你想要在项目中使用Vuex Store，可以按照以下步骤操作：

1. **安装依赖**：首先需要在你的项目中安装 Vuex，你可以通过npm或yarn来安装：

   npm install vuex
   # 或者
   yarn add vuex

2. **创建store**：在`src`目录下创建一个名为`store.js`的文件，然后初始化一个新store实例：

   import { createStore } from 'vuex';

   export default createStore({
     state: {
       // 初始化的状态数据
     },
     mutations: {
       // 更新状态的方法
     },
     actions: {
       // 异步操作的函数
     },
     getters: {
       // 计算属性
     },
   });

3. **注入store到组件**：在每个需要使用state、mutations、actions的地方，通过`setup()`或`provide/inject`的方式将store注入到组件选项中。例如，在`App.vue`中：

   import { ref, provide, inject } from 'vue';
   import store from './store';

   setup() {
     const storeState = inject('store'); // 使用inject获取store实例
     //...
   }

4. **使用store**：在组件内，你可以通过`.state`, `.commit()`, `.dispatch()`等方式访问和修改store状态。