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>

上一篇:vue+element 时间选择器、限制时间范围控制 在computed 中进行计算


下一篇:vuex中的 mapState 的基本的使用