vue3全局使用vuex

在Vue 3中，使用Vuex进行全局状态管理的方法与Vue 2略有不同。以下是在Vue 3中全局使用Vuex的步骤：

1. 首先，需要安装Vuex插件。可以通过npm或yarn来安装它：

npm install vuex@next

2. 创建一个新的store.js文件，并在其中导入Vuex模块和Vue模块：

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

const store = createStore({
  // 定义你的state、mutations、actions等内容
});

const app = createApp({});
app.use(store);

export default app;

3. 在main.js中导入并使用store.js文件：

import app from './store.js';

app.mount('#app');

4. 在store.js文件中定义你的state、mutations、actions等内容，例如：

const store = createStore({
  state() {
    return {
      count: 0
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    },
    decrement(state) {
      state.count--;
    }
  },
  actions: {
    increment(context) {
      context.commit('increment');
    },
    decrement(context) {
      context.commit('decrement');
    }
  }
});

现在，你就可以在整个应用程序中访问和修改store中的状态了。