应用场景
需求:当每个页面的多个组件都需要共享数据时,每个页面的数据存在一起会不好管理,因此,可以把每个页面要共享的数据存在不同的模块中
代码实现过程
第一步
安装vuex,通过npm install vuex命令进行安装
第二步
新建一个store文件夹,在文件夹里再新建一个modules文件夹,存放每个页面的js文件
在store文件夹中新建,汇总起来的入口文件
第三步
在main.js里引入文件,并做声明
第四步
在组件中使用
第五步
验证结果
需求:当每个页面的多个组件都需要共享数据时,每个页面的数据存在一起会不好管理,因此,可以把每个页面要共享的数据存在不同的模块中
第一步
安装vuex,通过npm install vuex命令进行安装
第二步
新建一个store文件夹,在文件夹里再新建一个modules文件夹,存放每个页面的js文件
在store文件夹中新建,汇总起来的入口文件
第三步
在main.js里引入文件,并做声明
第四步
在组件中使用
第五步
验证结果