vuex的五個(gè)核心屬性及其作用

本篇內(nèi)容介紹了“vuex的五個(gè)核心屬性及其作用”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

vuex的五個(gè)核心屬性分別是state、getters、mutations、actions和modules。state是vuex的基本數(shù)據(jù)，它是用來(lái)存儲(chǔ)變量的。geeter是從基本數(shù)據(jù)派生的數(shù)據(jù)，相當(dāng)于state的計(jì)算屬性。

本文操作環(huán)境：windows10系統(tǒng)、vue 2.5.2、thinkpad t480電腦。

Vuex中的五個(gè)核心屬性分別是：state, getters, mutations, actions, modules。

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

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

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

mutation：提交更新數(shù)據(jù)的方法，必須是同步的(如果需要異步使用action)。每個(gè) mutation 都有一個(gè)字符串的 事件類型 (type) 和 一個(gè) 回調(diào)函數(shù) (handler)。

回調(diào)函數(shù)就是我們實(shí)際進(jìn)行狀態(tài)更改的地方，并且它會(huì)接受 state 作為第一個(gè)參數(shù)，提交載荷作為第二個(gè)參數(shù)。

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

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

“vuex的五個(gè)核心屬性及其作用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！