vuex輔助函數(shù)

1.取state的值(mapState)

1.import?{?mapState?}?from?'vuex'

2. computed:?{

????...mapState({

??????foodData:?state?=>?state.food_list,

??????table:?state?=>?state.table,

??????user:?state?=>?state.user

????})

}

3.this.table

2.保存值(mapMutations?)

注:setTable:?(state,?table)?=>?{

??????state.table?=?table

????},

1.import?{ mapMutations?}?from?'vuex'

2.methods:?{

????...mapMutations([

??????'setTable'

????]),

}

3.this.setTable //無(wú)需定義

3.actions里面寫(xiě)事件(mapActions)

注:logOut?({?commit?})?{

??????return?new?Promise((resolve)?=>?{

????????this._vm.$post('/storeapp/login/loginout').then((res)?=>?{

??????????commit('foodList',?'')

??????????commit('setUser',?'')

??????????resolve()

????????}).catch(()?=>?{

??????????commit('foodList',?'')

??????????commit('setUser',?'')

????????})

??????})

????}

1.import?{ mapActions?}?from?'vuex'

2.methods:?{

????...mapActions({

??????logOutAction:?'logOut'

????}),

}

3.this.logOutAction()

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。