vuex提高

应用场景

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

代码实现过程

第一步

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


第二步

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


a.js


b.js

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


index.js

第三步

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


main.js


第四步

在组件中使用


pagea.vue


pageb.vue

第五步

验证结果

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 2,201评论 3赞 3
  • 一、什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有...
    紫月凌枫阅读 10,337评论 0赞 16
  • vue去哪网跟学笔记 记录学习点滴 1. 初始化项目 1.1 手机显示配适 minimum-scale=1.0,m...
    noobakong阅读 2,476评论 0赞 16
  • 概要 官方解释Vuex是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态...
    许小花花阅读 554评论 0赞 0
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 10,102评论 1赞 52

友情链接更多精彩内容