Vue中this.$store.dispatch() 與 this.$store.commit()

兩者的區(qū)別

  • this.$store.commit()
    commit: 同步操作
this.$store.commit('方法名',值)【存儲】

this.$store.state.方法名【取值】
  • this.$store.dispatch()
    dispatch: 異步操作
this.$store.dispatch('方法名',值)【存儲】

this.$store.getters.方法名【取值】

當(dāng)操作行為中含有異步操作:
比如向后臺發(fā)送請求獲取數(shù)據(jù),就需要使用action的dispatch去完成了。
其他使用commit即可。

其他了解:commit=>mutations,用來觸發(fā)同步操作的方法。
dispatch =>actions,用來觸發(fā)異步操作的方法。
在store中注冊了mutation和action,在組件中用dispatch調(diào)用action,然后action用commit調(diào)用mutation,

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 組件可以有以下幾種關(guān)系: A-B、B-C、B-D都是父子關(guān)系 C-D是兄弟關(guān)系 A-C、A-D是隔代關(guān)系 不同使用...
    cesiuming閱讀 389評論 0 0
  • VUE Vue :數(shù)據(jù)驅(qū)動的M V Vm框架 m :model(后臺提供數(shù)據(jù)),v :view(頁面),vM(模板...
    wudongyu閱讀 5,539評論 0 11
  • 為什么需要Vuex 通常 Vue 項目中的數(shù)據(jù)通信,我們通過以下三種方式就可以解決,但是隨著項目多層嵌套的組件增加...
    尤小小閱讀 1,195評論 1 5
  • Vue2.0 傳值方式: 在Vue的框架開發(fā)的項目過程中,經(jīng)常會用到組件來管理不同的功能,有一些公共的組件會被提取...
    陀飛輪h閱讀 491評論 0 0
  • 前言 組件是 vue.js最強大的功能之一,而組件實例的作用域是相互獨立的,這就意味著不同組件之間的數(shù)據(jù)無法相互引...
    用技術(shù)改變世界閱讀 2,305評論 1 3

友情鏈接更多精彩內(nèi)容