Vuex简单入门2：三方法 state访问状态对象

上一篇通过$store.state来访问状态对象，在实际应用中，不可能每次都取store中取，这就需要把需要的值赋值给模板data中的对象。有三种赋值方法如下：

一、通过computed的计算属性直接赋值

computed: {
  count () {
    return this.$store.state.count
  }
},

这样在模板中就可以直接调用{{count}}

二、通过mapState的对象来赋值

需要引入vuex中的mapState

import {mapState} from 'vuex

还是在计算属性中写

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

三、通过mapState的数组来赋值（建议使用）

需要引入vuex中的mapState

import {mapState} from 'vuex

还是在计算属性中写

computed: mapState(['count']),