在VUEX3中获取VUEX的值

在 Vuex 3 中获取 Vuex 的值，可以使用 Vuex 提供的 `mapState` 辅助函数，可以将 store 中的 state 映射为组件的计算属性。使用 `mapState` 辅助函数可以简化代码，同时也方便维护。

使用 `mapState` 的基本语法如下：

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState({
      // 映射 this.count 为 store.state.count
      count: state => state.count
    })
  }
}

以上代码中，将 store 中的 `count` 映射为组件的计算属性 `count`。可以通过 `this.count` 访问到 `store.state.count` 的值。

`mapState` 还支持字符串、数组和对象的写法，可以根据实际情况选择使用。

使用字符串映射单个 state：

computed: {
  ...mapState('moduleName', {
    count: state => state.count
  })
}

使用数组映射多个 state：

computed: {
  ...mapState(['count', 'otherState'])
}

使用对象映射 state 并重命名：

computed: {
  ...mapState({
    count: state => state.count,
    otherState: 'otherStateName'
  })
}

使用 `mapState` 辅助函数可以方便地获取 Vuex 的值，同时也提高了代码的可读性和可维护性。