vuex中getters的辅助函数mapgetters的使用

辅助函数仅仅是为了使用vuex中的计算属性getters，可以让组件中的计算函数直接使用

先导入mapgetters函数：

import {mapGetters} from 'vuex'

记住是从vuex插件中直接导入

后在vuex中的getters里进行定义:

getters: {
        cartlength(state){
            return state.newproduct.length
        }
    }

最后在组件中的computed中直接注册使用：

 computed: {
      ...mapGetters(['cartlength'])
    }

最后即可在模板template中直接使用计算属性：

<div class="nav" slot="centertabbar">购物车({{cartlength}})</div>

标签：computed,mapgetters,getters,cartlength,mapGetters,vuex,函数
来源： https://blog.csdn.net/xiangyizhixuexi/article/details/120115493