vue之vuex的五個屬性


 

1.官方解釋

Vuex是一個專為Vue.js應用程序開發的狀態管理模式。然后Vuex里面有五個特別重要的屬性,分別是state,mutations,actions,getters,modules。

2.state

放置狀態相關的信息,vue是使用單一狀態樹的,也就是單一數據源,也就是說我們的state只能有一個

3.mutations

mutations其實就相當於我們vue里面的methods,也是定義方法的,只不過這個方法可以在多個組件調用就是了。

 

他是這樣子調用的:使用我們的commit

最后在使用就行了:

 

4.actions

mutations是寫同步操作的,在他里面是不能寫異步操作的,那我們就需要在actions里面來寫我們的異步操作。並且寫異步操作的話,調用的話就不是使用commit了,二十使用我們的dispatch

 

 

如上圖所示,我們首先在mutations里面寫好我們的方法,然后再actions里面寫好異步操作,然后調用我們在mutations里面寫好的方法,然后回到我們的組件,在組件里面使用我們的dispatch就可以了。

5.getters

getters其實就是相當於vue里面的計算屬性,我們在這個里面使用的都是一些計算的方法,使用起來也是蠻簡單的,只需要在組件里面直接使用就好了。操作如下圖。

 

6.modules

 

 

最后一個就是我們的modules,就是模塊化的意思,因為是單一狀態樹,怕我們在state里面寫的東西太多了,不好進行查找,那我們可以在我們的modules里面重新定義我們的一個模塊,就是相當於一個store,里面也有我們所需要的五個屬性,所進行的操作也是一樣的。

 

轉 : https://blog.csdn.net/jh1906338271/article/details/105252414

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM