vuex 辅助函数的使用

mapGetters和...mapGetters

• mapGetters 重命名

computed: mapGetters({
    myProductList: 'productList',
    userInfo: 'userInfo'
})

• ...mapGetters

computed: {
    ...mapGetters(['productList','userInfo'])
}

• 备注： 不需要把所有模块的state值全部用getters去管理，如果有多个组件或者页面需要使用时，才考虑放到getters中

mapState和...mapState

• mapState 重命名

computed: mapState({
    productList: state => state.app.productList,
    countAlias: 'count'
})

• ...mapState

computed: {
    ...mapState(['count'])
}
或者
computed: {
    ...mapState({
        productList: state => state.app.productList,
        countAlias: 'count'
    })
}