怎么在Vuex中查詢數(shù)據(jù)狀態(tài)-創(chuàng)新互聯(lián)
怎么在Vuex中查詢數(shù)據(jù)狀態(tài)？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
import store from './store'
new Vue({
el: '#app',
router,
store,
components: { App },
template: '1.在子組件中通過this.$store.state.變量名在子組件中訪問state中某個(gè)變量的值
this.tabbarActive = this.$store.state.tabbarActive //這里的tabbarActive為存儲(chǔ)在vuex中state的變量名
2.在子組件中通過this.$store.commit(‘方法名'，參數(shù))來進(jìn)行對vuex中的數(shù)據(jù)狀態(tài)進(jìn)行更新/插入
1）由于vuex中store的改變唯一的途徑是提交mutation,通過調(diào)用實(shí)例化后的vuex，mutations中相對應(yīng)的方法可以實(shí)現(xiàn)對狀態(tài)值的改變，其中payload可以為參數(shù)對象，或者單個(gè)值，state參數(shù)在調(diào)用時(shí)默認(rèn)為第一個(gè)參數(shù)可以不傳，但是在mutations中申明該函數(shù)時(shí)必須傳入state
mutations: {
changeTarBar (state,payload) {
state.tabbarActive = payload
}
}–在子組件中更新store中的狀態(tài)
this.$store.commit("changeTarBar",idx)//其中idx為傳入的參數(shù)–或者這種寫法,此時(shí)的payload則為一個(gè)參數(shù)對象，可以通過payload.idx獲得子組件傳入的參數(shù)值
this.$store.commit({
type:'changeTarBar',//type對應(yīng)方法名
idx,
})看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司的支持。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、網(wǎng)站設(shè)計(jì)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)頁標(biāo)題：怎么在Vuex中查詢數(shù)據(jù)狀態(tài)-創(chuàng)新互聯(lián)
文章地址：http://m.jiaotiyi.com/article/hjodc.html