辅助函数仅仅是为了使用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>