请描述你负责过的 Vue 项目的目录组织方式，并说明在大型项目中你会如何拆分目录结构和组件边界。

回答思路

1. 【回答框架 1】大型 Vue 项目的目录划分通常按功能模块或业务域进行，而不是按文件类型平铺。每个模块内部保持高内聚，包含视图、组件、路由、状态和样式，模块之间通过明确接口通信。
2. 【回答框架 2】具体结构可参考：src 下分 api、views、components、router、store、utils、directives、styles、assets。views 按业务页面组织，components 分为通用组件和业务组件，通用组件放 global 或 common，业务组件就近放在对应页面目录。
3. 【回答框架 3】组件划分遵循单一职责和复杂度控制，大组件拆分为多个子组件，拆分依据是功能内聚和复用性。当组件超过一定行数或职责多样时，应抽出子组件或自定义 hooks。
4. 【回答框架 4】状态管理在大型项目中按模块拆分 store，避免集中在一个文件。路由懒加载，静态资源分类，工具函数按职责细分。
5. 【回答框架 5】还需考虑团队协作规范，统一目录命名和组件命名规则，并约定哪些资源放全局、哪些放局部，便于维护和定位。
6. 【关键点 1】目录按功能域或业务模块划分，模块内高内聚。
7. 【关键点 2】通用组件和业务组件分离，业务组件就近放置。
8. 【关键点 3】组件按职责和复用性拆分，避免单一组件过于庞大。
9. 【关键点 4】状态管理按模块拆分，路由懒加载实现按需加载。
10. 【关键点 5】目录和组件命名需遵循团队统一规范。
11. 【易错点 1】仅仅按文件类型如 components、views 等分类，而不按业务模块聚合，会导致大型项目修改时跨目录跳转频繁。
12. 【易错点 2】组件拆分过度，导致组件通信频繁，可读性和维护性反而下降。
13. 【易错点 3】全局状态管理滥用，将所有数据放 store，未区分本地状态与全局状态，增加维护成本。