應(yīng)用場(chǎng)景

需求：當(dāng)每個(gè)頁(yè)面的多個(gè)組件都需要共享數(shù)據(jù)時(shí)，每個(gè)頁(yè)面的數(shù)據(jù)存在一起會(huì)不好管理，因此，可以把每個(gè)頁(yè)面要共享的數(shù)據(jù)存在不同的模塊中

代碼實(shí)現(xiàn)過(guò)程

第一步

安裝vuex，通過(guò)npm install vuex命令進(jìn)行安裝

第二步

新建一個(gè)store文件夾，在文件夾里再新建一個(gè)modules文件夾，存放每個(gè)頁(yè)面的js文件

a.js

b.js

在store文件夾中新建，匯總起來(lái)的入口文件

index.js

第三步

在main.js里引入文件，并做聲明

main.js

第四步

在組件中使用

pagea.vue

pageb.vue

第五步

驗(yàn)證結(jié)果