vue3 使用vuex

在Vue 3中，使用Vuex需要使用Vuex 4。你可以按照以下步骤来在Vue 3中使用Vuex：

1. 首先，确保你的项目已经使用了Vue 3和Vuex 4的版本。

2. 安装Vuex 4依赖：

   npm install vuex@next --save

3. 在你的代码中导入Vuex的相关内容：

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

   // 创建store实例
   const store = createStore({
     state() {
       return {
         name: 'Vuex Demo'
       }
     }
   })

   const app = createApp(App)

   // 将store实例注册到应用中
   app.use(store)

   app.mount('#app')

4. 在你的组件中使用Vuex的状态：

   <template>
     <div>
       <div>{{ $store.state.name }}</div>
     </div>
   </template>

   <script>
   import { useStore } from 'vuex'

   export default {
     setup() {
       const store = useStore()

       // 在需要的地方使用store

       return {
         store
       }
     }
   }
   </script>

   <style scoped>
   </style>

通过以上步骤，你可以在Vue 3中使用Vuex进行状态管理。请注意，上述代码只是一个简单的示例，实际使用中你可能需要定义更多的状态、mutations、actions等。