26 lines
1.0 KiB
Markdown
26 lines
1.0 KiB
Markdown
# page-view-component-split
|
|
|
|
## 适用范围
|
|
|
|
- 涉及新增页面、抽公共组件、抽 hooks 时必读。
|
|
|
|
## 边界规则
|
|
|
|
- `src/view` 负责页面级编排、页面级异步请求、页面生命周期和页面局部状态。
|
|
- `src/components` 只放跨页面复用组件，不直接承载具体页面路由语义。
|
|
- `src/hooks` 只放可复用行为逻辑，不承载模板和页面路由跳转。
|
|
- 页面私有子组件优先放在页面目录内部，而不是直接放进 `src/components`。
|
|
|
|
## 新增代码默认落点
|
|
|
|
- 新页面：`src/view/<module>/index.vue` 或页面目录内对应 `.vue`
|
|
- 页面局部子组件：`src/view/<module>/components/*`
|
|
- 跨页面复用组件：`src/components/<component-name>/*`
|
|
- 跨页面复用逻辑：`src/hooks/useXxx.js`
|
|
|
|
## 常见错误
|
|
|
|
- 只在一个页面使用的弹窗、表格、筛选器被塞进 `src/components`。
|
|
- 页面内的大段逻辑直接复制到第二个页面，没有先评估是否抽 hooks。
|
|
- hooks 内直接操作页面模板细节，导致复用边界失效。
|