1.官方解釋
Vuex是一個專為Vue.js應用程序開發(fā)的狀態(tài)管理模式。然后Vuex里面有五個特別重要的屬性潜圃,分別是state缸棵,mutations,actions秉犹,getters蛉谜,modules。
2.state
放置狀態(tài)相關(guān)的信息崇堵,vue是使用單一狀態(tài)樹的型诚,也就是單一數(shù)據(jù)源,也就是說我們的state只能有一個
3.mutations
mutations其實就相當于我們vue里面的methods鸳劳,也是定義方法的狰贯,只不過這個方法可以在多個組件調(diào)用就是了。
他是這樣子調(diào)用的:使用我們的commit
4.actions
mutations是寫同步操作的赏廓,在他里面是不能寫異步操作的涵紊,那我們就需要在actions里面來寫我們的異步操作。并且寫異步操作的話幔摸,調(diào)用的話就不是使用commit了摸柄,二十使用我們的dispatch
如上圖所示,我們首先在mutations里面寫好我們的方法既忆,然后再actions里面寫好異步操作驱负,然后調(diào)用我們在mutations里面寫好的方法,然后回到我們的組件患雇,在組件里面使用我們的dispatch就可以了跃脊。
5.getters
getters其實就是相當于vue里面的計算屬性,我們在這個里面使用的都是一些計算的方法苛吱,使用起來也是蠻簡單的酪术,只需要在組件里面直接使用就好了。
6.modules
最后一個就是我們的modules翠储,就是模塊化的意思绘雁,因為是單一狀態(tài)樹橡疼,怕我們在state里面寫的東西太多了,不好進行查找咧七,那我們可以在我們的modules里面重新定義我們的一個模塊衰齐,就是相當于一個store,里面也有我們所需要的五個屬性继阻,所進行的操作也是一樣的耻涛。