教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

Vuex的5個核心屬性是什么?

更新時間:2022年07月11日11時30分 來源:傳智教育 瀏覽次數(shù):

好口碑IT培訓

  Vuex的5個核心屬性分別是 State、 Getter、Mutation 、Action、Module。

  1)state

  state 為單一狀態(tài)樹,在 state 中需要定義我們所需要管理的數(shù)組、對象、字符串等等,只有在這里定義了,在 Vue.js 的組件中才能獲取你定義的這個對象的狀態(tài)。

  2)getter

  getter 有點類似 Vue.js 的計算屬性,當我們需要從 store 的 state中派生出一些狀態(tài),那么我們就需要使用 getter,getter 會接收 state 作為第一個參數(shù),而且 getter 的返回值會根據(jù)它的依賴被緩存起來,只有 getter 中的依賴值(state 中的某個需要派生狀態(tài)的值)發(fā)生改變的時候才會被重新計算。

  3)mutation

  更改 store 中 state 狀態(tài)的唯一方法就是提交 mutation,就很類似事件。每個 mutation 都有一個字符串類型的事件類型和一個回調(diào)函數(shù),我們需要改變 state 的值就要在回調(diào)函數(shù)中改變。我們要執(zhí)行這個回調(diào)函數(shù),那么我們需要執(zhí)行一個相應的調(diào)用方法:store.commit。

  4)action

  action 可以提交 mutation,在 action 中可以執(zhí)行 store.commit,而且 action 中可以有任何的異步操作。在頁面中如果我們要嗲用這個 action,則需要執(zhí)行 store.dispatch。

  5)module

  module 其實只是解決了當 state 中很復雜臃腫的時候,module 可以將 store 分割成模塊,每個模塊中擁有自己的 state、mutation、action和 getter。


猜你喜歡:

有什么基礎才能學Vue?

Vue如何監(jiān)控某個屬性值的變化?

前端必會框架:VUE2.0+3.0全套教程

VUE優(yōu)點有哪些?VUE的特點介紹

傳智教育前端與移動開發(fā)培訓

0 分享到:
和我們在線交談!