vuex的五個(gè)屬性

| 企服解答

vuex的五個(gè)屬性分別為state、geete、 mutation、action、 modules。

vuex的五個(gè)屬性

1、state

vuex的基本數(shù)據(jù)，用來(lái)存儲(chǔ)變量

2、geeter

從基本數(shù)據(jù)(state)派生的數(shù)據(jù)，相當(dāng)于state的計(jì)算屬性

3、 mutation

提交更新數(shù)據(jù)的方法，必須是同步的(如果需要異步使用action)。每個(gè) mutation 都有一個(gè)字符串的 事件類(lèi)型 (type) 和 一個(gè) 回調(diào)函數(shù) (handler)。回調(diào)函數(shù)就是我們實(shí)際進(jìn)行狀態(tài)更改的地方，并且它會(huì)接受 state 作為第一個(gè)參數(shù)，提交載荷作為第二個(gè)參數(shù)。

4、action

和mutation的功能大致相同，不同之處在于 ==》1. Action 提交的是 mutation，而不是直接變更狀態(tài)。 2. Action 可以包含任意異步操作。

5、 modules

模塊化vuex，可以讓每一個(gè)模塊擁有自己的state、mutation、action、getters,使得結(jié)構(gòu)非常清晰，方便管理。

| 拓展閱讀

 vuex具有以下兩個(gè)優(yōu)點(diǎn)：

1、解決了非父子組件的消息傳遞（將數(shù)據(jù)存放在state中）

2、減少了AJAX請(qǐng)求次數(shù)，有些情景可以直接從內(nèi)存中的state獲取