vue3 使用store

Vue 3中使用store可以通过Vue的官方插件Vuex来实现。下面是在Vue 3中使用Vuex的基本步骤：

1. 首先，在你的项目中安装Vuex。可以使用npm或yarn命令来安装：

npm install vuex

2. 创建一个store文件夹，并在其中创建一个store.js文件。在store.js文件中，你需要导入Vue和Vuex，并且创建一个新的store实例。例如：

import { createStore } from 'vuex';

const store = createStore({
  // 在这里定义你的状态（state）、mutations、actions等
});

export default store;

3. 在你的Vue应用的入口文件（通常是main.js），导入刚刚创建的store，并将它作为Vue应用的一个选项进行注册。例如：

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

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

4. 在store.js文件中，你可以定义你的状态（state）、mutations、actions等。例如，你可以定义一个状态count和一个增加count的mutation：

const store = createStore({
  state() {
    return {
      count: 0
    };
  },
  mutations: {
    increment(state) {
      state.count++;
    }
  }
});

5. 在你的Vue组件中，你可以通过使用`$store`访问store中的状态和方法。例如，你可以在组件中读取和改变count状态：

export default {
  computed: {
    count() {
      return this.$store.state.count;
    }
  },
  methods: {
    increment() {
      this.$store.commit('increment');
    }
  }
}

这样，你就可以在Vue 3中使用Vuex来管理全局状态了。当然，除了上述基本用法之外，Vuex还提供了更多的功能和选项，你可以根据自己的需求进行使用。