3359 vuex.vue js.org/zh/guide/getters.html # map getters -辅助函数
使用场景:如果要在组件中使用存储在Vuex store中的state属性值,通常可以计算属性computed:以获取$store.state.xxx .属性,并编写在页面上显示的方法,但我想可以直接使用。 不需要,此时可以使用mapGetters将数据的某些属性封装并导出到getters中,然后首先将map getters 3360导入到组件中{ map getters } from‘vuters’
在组件的computed:{}上…mapGetters([“在此处编写您在getters中封装的方法”) )
假设您将它封装在getters.js中,如下所示: cartList是存储在store中的状态。 导出
efault{cartlength(*state* ) { return *state*.cartList.length; },cartlist(state ) ) return (state ).cartlist; (、); 在组件中
computed : { . map getters ([ ' cartlength ',' cartList ',} ),}然后可以在template中直接使用cart length,cartList
div{{cartLength}}/div如果想为一个getter属性指定另一个名称,可以直接使用对象格式{{Length}}
计算: { . map getters (length : ' cart length ',List:'cartList'},)、