首頁  >  文章  >  vuex的五個核心屬性是什麼

vuex的五個核心屬性是什麼

王林
王林原創
2021-06-11 17:13:264487瀏覽

vuex的五個核心屬性分別是state、getters、mutations、actions和modules。 state是vuex的基本數據,它是用來儲存變數的。 geeter是從基本資料衍生出來的數據,相當於state的計算屬性。

vuex的五個核心屬性是什麼

本文操作環境:windows10系統、vue 2.5.2、thinkpad t480電腦。

Vuex中的五個核心屬性分別是:state, getters, mutations, actions, modules。

下面就讓我們一起看看這五個屬性吧。

state:vuex的基本數據,用來儲存變數

geeter:從基本資料(state)衍生的數據,相當於state的計算屬性

mutation:提交更新資料的方法,必須是同步的(如果需要非同步使用action)。每個 mutation 都有一個字串的 事件類型 (type) 和 一個 回呼函數 (handler)。

回呼函數就是我們實際進行狀態變更的地方,而且它會接受 state 作為第一個參數,提交載重作為第二個參數。

action:和mutation的功能大致相同,不同之處在於 ==》1. Action 提交的是 mutation,而不是直接變更狀態。 2. Action 可以包含任意非同步操作。

modules:模組化vuex,可以讓每個模組擁有自己的state、mutation、action、getters,使得結構非常清晰,方便管理。

相關影片分享:程式設計影片

以上是vuex的五個核心屬性是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn