vuex之state-状态对象的获取方法（三）

1、在组件的template中直接使用

{{ $store.state.count }}

2、在计算属性computed中直接赋值

// 方式1：直接获取computed: {
    count() {
        // this指的是main.js中的vue实例对象
        return this.$store.state.count;
    }}

3、通过mapState的对象来赋值

// 方式2：利用mapStatecomputed: mapState({
    // es5写法
    count: function (state) {
         return state.count;
     },
    // es6写法
    count: state => state.count})

4、通过mapState的数组来赋值

// 方式3：数组获取computed: mapState(['count'])

5、通过mapState的JSON来赋值

// 方式4：JSON获取computed: mapState({
    count: 'count'})

PS：一般4和5两种比较常用
完整示例代码