uniapp vue3引入store

uniApp是一个基于 Vue.js 开发的跨平台框架，它允许开发者构建一次，部署到多个平台上，如微信小程序、H5、App等。Vue 3.x版本的 store通常是指 Vuex（Vue的状态管理库），用于管理应用程序的全局状态。

在 uniApp 中引入 Vue 3 和 Vuex 的步骤如下：

1. **安装Vuex**：首先需要安装`@dcloudio/vuex`库，可以使用 npm 或者 yarn 进行安装：

   npm install @dcloudio/vue3 @dcloudio/vuex
   # 或者
   yarn add @dcloudio/vue3 @dcloudio/vuex

2. **创建store实例**：在uni-app项目中，通常在`main.js`或`global.js`这样的入口文件里设置store：

   import { createApp } from '@dcloudio/vue3'
   import App from './App.vue'
   import store from './store'

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

3. **配置store**：在`store/index.js`或专门的模块文件中，定义状态(state), getters, mutations以及actions：

   import { createStore } from '@dcloudio/vuex'
   export default createStore({
     state: {
       count: 0
     },
     getters: {
       getCount (state) {
         return state.count
       }
     },
     mutations: {
       increment (state) {
         state.count++
       }
     },
     actions: {
       increment ({ commit }) {
         commit('increment')
       }
     }
   })

4. **在组件中访问store**：在需要使用状态的组件中，使用`mapGetters`, `mapActions`, `mapMutations`或直接导入`store`来获取或改变状态：

   <script>
   import { mapState, mapActions } from 'vuex'
  export default {
     computed: {
       ...mapState(['count'])
     },
     methods: {
       ...mapActions(['increment']),
       handleIncrement() {
         this.increment()
       }
     }
   }
   </script>