vuex提高

应用场景

需求：当每个页面的多个组件都需要共享数据时，每个页面的数据存在一起会不好管理，因此，可以把每个页面要共享的数据存在不同的模块中

代码实现过程

第一步

安装vuex，通过npm install vuex命令进行安装

第二步

新建一个store文件夹，在文件夹里再新建一个modules文件夹，存放每个页面的js文件

a.js

b.js

在store文件夹中新建，汇总起来的入口文件

index.js

第三步

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

main.js

第四步

在组件中使用

pagea.vue

pageb.vue

第五步

验证结果