vuex屬性

vuex 有五個(gè)屬性

State:定義了應(yīng)用狀態(tài)的數(shù)據(jù)結(jié)構(gòu),可以在這里設(shè)置默認(rèn)的初始狀態(tài)。
Getter:允許組件從 Store 中獲取數(shù)據(jù),mapGetters 輔助函數(shù)僅僅是將 store 中的 getter 映射到局部計(jì)算屬性。
Mutation:是唯一更改 store 中狀態(tài)的方法,且必須是同步函數(shù)。
Action:用于提交 mutation,而不是直接變更狀態(tài),可以包含任意異步操作。
Module:允許將單一的 Store 拆分為多個(gè) store 且同時(shí)保存在單一的狀態(tài)樹中。

獲取state里狀態(tài)
const state = {
  'a',
  'b',
  'c'
}

1. this.$store.state.某屬性
2. computed:{
    ...mapGetters([
        'a',
        'b',
        'c'
      ])
}

更改狀態(tài)

1.同步更改mutations

  this.$store.commit('a',value)

2.異步更改action。action中通過commit觸發(fā)mutations進(jìn)行state數(shù)據(jù)更改

3.頁面中

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

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

  • State、getter、Mutation、Action、Module state屬性: 1.vuex就是一個(gè)倉庫...
    Tz1314閱讀 615評論 0 0
  • Vuex的五個(gè)核心概念 本文參考自Vue文檔,說的非常詳細(xì),建議看文檔。 Vuex是什么? VueX 是一個(gè)專門為...
    一二三四五_6ce3閱讀 1,374評論 0 0
  • Vuex是什么? VueX 是一個(gè)專門為 Vue.js 應(yīng)用設(shè)計(jì)的狀態(tài)管理架構(gòu),統(tǒng)一管理和維護(hù)各個(gè)vue組件的可變...
    她說東京很熱閱讀 3,864評論 0 0
  • Vuex是什么? Vuex是一個(gè)專門為Vue.js應(yīng)用設(shè)計(jì)的狀態(tài)管理架構(gòu),統(tǒng)一管理和維護(hù)各個(gè)vue組件的可變化狀態(tài)...
    空島空心閱讀 1,320評論 0 2
  • 1、state state就是根據(jù)你項(xiàng)目的需求,自己定義的一個(gè)數(shù)據(jù)結(jié)構(gòu),里面可以放些通用的狀態(tài)。 const st...
    惜日_d40d閱讀 709評論 0 1

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