mapState的使用

mapState是Vue.js中的一个辅助函数，用于将组件的状态映射为计算属性，它会将组件的state映射到计算属性中，从而使得组件可以方便地访问和使用这些状态。

使用mapState函数需要在组件中引入它，并将需要映射的状态对象传入。下面是一个简单的例子：

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['count'])
  }
}

上面的代码中，我们从`vuex`库中引入了`mapState`函数，并在`computed`中使用了`...`语法将映射的计算属性展开到组件中。

在上面的例子中，我们将`count`状态映射到了组件中的计算属性，这样我们就可以通过`this.count`来访问和使用这个状态。

除了传递一个数组来映射单个状态外，我们还可以传递一个对象来指定映射的别名：

computed: {
  ...mapState({
    countAlias: 'count'
  })
}

上面的代码中，`countAlias`是一个计算属性的别名，它指向了`count`状态。

通过使用`mapState`函数，我们可以更方便地将组件的状态映射为计算属性，从而提供更好的代码可读性和维护性。