11.vue项目架构

这篇博客介绍了如何在大型Vue.js应用中组织Vuex状态管理,包括将代码分割到不同的模块如actions.js、mutations.js和各个模块文件(cart.js、products.js),以实现更清晰的代码结构和更好的可维护性。
摘要由CSDN通过智能技术生成

一、src文件夹

        对于大型应用,会希望将 Vuex 相关代码分割到模块中。如下例所示:

├── index.html
├── main.js
├── api
│ └── … # 抽取出API请求
├── components
│ ├── App.vue
│ └── …
└── store
├── index.js # 我们组装模块并导出 store 的地方
├── actions.js # 根级别的 action
├── mutations.js # 根级别的 mutation
└── modules
├── cart.js # 购物车模块
└── products.js # 产品模块

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值