在vuex中,有些狀態(tài)屬性會有些重復(fù)和冗余,為了解決這個問題我們可以使用輔助函數(shù)來簡化處理代碼,輔助函數(shù)的使用方法如下
第一步:在當(dāng)前頁面導(dǎo)入輔助函數(shù)
import { mapGetters,mapActions } from "vuex";
第二步驟,使用輔助函數(shù),輔助函數(shù)的使用有兩種方法,使用數(shù)組和對象的方式,對象可以自定義屬性名和數(shù)組使用默認屬性名
//數(shù)組使用方式
methods: {
...mapActions([JIANNUM,ADDNUM])
},computed: {
...mapGetters(['getcarttotalprice'])
}
//對象的使用方式
methods: {
...mapActions({
’jiannum‘:JIANNUM,
’addnum‘:ADDNUM,
})
},computed: {
...mapGetters({
’getprice‘:’getcarttotalprice‘
}) }
第三步:直接在div使用
<span @click="addnum(item.iid)">+</span> //在iid寫在后面就可以直接給vuex中的方法傳參
<i>{{getcarttotalprice}}</i>
注意如果需要傳參數(shù)直接寫在事件后面就可以