這篇文章主要介紹如何解決mpvue+vuex 開發(fā)微信小程序vuex輔助函數(shù)mapState、mapGetters不可用的問題，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

公司主營業(yè)務：成都網(wǎng)站制作、成都網(wǎng)站設計、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出烏爾禾免費做網(wǎng)站回饋大家。

問題分析

?vuex輔助函數(shù)

 首先簡單說一下vuex的輔助函數(shù)mapState、mapGetters、mapMutations、mapActions，我們在子組件經(jīng)常用到很多狀態(tài)量，為了避免過分的使用this.$store.state.xxx、this.$store.dispatch導致的冗余問題，我們用輔助函數(shù)來使代碼變得簡潔易讀。注意了，它就相當于語法糖似的，實際上還會映射為this.$store.吧啦吧啦

?vue-cli + vuex項目

 在一般的vue-cli + vuex項目中，主函數(shù) main.js 中會將 store 對象提供給 “store” 選項，這樣可以把 store 對象的實例注入所有的子組件中，從而在子組件中可以用this.$store.state.xxx、this.$store.dispatch 等來訪問或操縱數(shù)據(jù)倉庫中的數(shù)據(jù)

new Vue({
el: '#app',
store,
router,
template: '<App/>',
components: { App }
})

?mpvue + vuex項目

 注意了，在mpvue + vuex項目中，很遺憾不能通過上面那種方式來將store對象實例注入到每個子組件中（至少我嘗試N種配置不行），也就是說，在子組件中不能使用this.$store.吧啦吧啦，從而導致輔助函數(shù)不能正確使用。這個時候我們就需要換個思路去實現(xiàn)，要在每個子組件中能夠訪問this.$store才行。

解決辦法

這里呢，博主使用的方法很簡單，既然我們需要在子組件中用this.$store 訪問store實例，那我們直接在vue的原型上添加$store屬性指向store對象不就行啦，抱著試一試的心態(tài)寫了下面這行代碼。

Vue.prototype.$store = store

這樣一來我們在子組件中便可以用this.$store訪問對象。確實也解決了輔助函數(shù)不能使用的問題。

以上是“如何解決mpvue+vuex 開發(fā)微信小程序vuex輔助函數(shù)mapState、mapGetters不可用的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：如何解決mpvue+vuex開發(fā)微信小程序vuex輔助函數(shù)mapState、mapGetters不可用的問題
分享地址：http://chinadenli.net/article1/ppsgid.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、全網(wǎng)營銷推廣、定制開發(fā)、虛擬主機、搜索引擎優(yōu)化、服務器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)