Vue 中的mapState 辅助函数

如果我们想要获取Vuex中state的某一个属性的时候，总是this.$router.state.属性名非常的麻烦，这时候使用mapState辅助函数就非常方便了

获取store里面的state的city属性，没有使用mapState的情况：

{{this.$store.state.city}}

使用mapState后：

{{this.city}}

如何使用mapStation函数：

// 在单独构建的版本中辅助函数为 Vuex.mapState
import { mapState } from 'vuex'

export default {
  // ...
  computed: mapState({
    // 第一种
    count: state => state.count,

    // 第二种（传字符串参数 'count' 等同于 `state => state.count`）
    countAlias: 'count',

    // 第三种（映射 this.count 为 store.state.count）
    'count'
  })
}