vue3调用vuex

在Vue3中，调用Vuex需要先安装Vuex并在Vue应用中引入。具体步骤如下：

1. 安装Vuex：在终端中运行以下命令进行安装。

   npm install vuex@next

2. 在Vue应用中引入Vuex：在main.js文件中引入Vuex，并将其挂载到Vue实例上。

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

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

3. 创建Vuex store：在store.js文件中创建Vuex store，并导出。

   import { createStore } from 'vuex'

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

   export default store

4. 在组件中使用Vuex：在组件中使用`$store`访问Vuex store中的状态和操作。

   <template>
     <div>
       <p>Count: {{ $store.state.count }}</p>
       <button @click="$store.commit('increment')">Increment</button>
     </div>
   </template>