如题，我感觉 nuxt.js 加入 app route 可以很大程度的改善 vue sfc 的问题
旧的 page route 结构，经常 page 和 component 两个目录来回跳
- page
- about.tsx
- component # 纯组件
- componentA.tsx
- componentB.tsx
- container # 和业务耦合的组件
- componentC.tsx
app route 文件结构类似这样，只在 about 页面使用的组件完全可以放在 about 下，如果出现多页面复用组件再升级到 component 或者 container 目录
- page
- about
- page.tsx
- componentA.tsx
- componentB.tsx
- componentC.tsx
 |
1
zhanziyang Mar 27, 2025
app router 争议蛮大的，评价两极分化，不一定是好东西
|
 |
2
dingjs Mar 27, 2025
现在也可以实现，用 ignore 字段忽略 .tsx 文件，路由页面文件新增一个 index.ts 导出
|
 |
3
MonikaCeng Mar 27, 2025
@zhanziyang #1
app route 用文件夹做路径，文件名只能 page.tsx 或者 route.tsx page route 的 ts 文件名就可以作为路径名 目前感受最深就这两个区别 至于顶部加 'use client' 这个倒不碍事 |
 |
4
zhengfan2016 OP @MonikaCeng 对，所以 app route 可以用来放非 page 的东西，react 的话就算用 page route 也可以在一个 tsx 内放多个组件，但是 vue 就不行。我感觉如果 nuxt 支持 app route 的话，起码用户可以把和该页面强相关的组件放到同一个文件夹的非 page.vue 的 sfc 去，这样拆分组件更便捷。
|
|
5
MonikaCeng Mar 27, 2025
@zhengfan2016 #4
哦，对，文件名不是 page.tsx / route.ts 的话，直接可以将相关的组件或者 hook 也放一起，这倒是 app route 优势 |
|
6
zhengfan2016 OP @zhanziyang 争议的主要是 server 组件和 client 组件那部分吧，这里讨论的是 app route 的新的文件路由结构，并借鉴到 nuxt.js 那边。旧的 page route 你的 pages 目录下就只能放页面，但是新的 app route 允许放除了页面以外的东西，给用户更大的文件组织自由度
 |
|
7
MonikaCeng Mar 27, 2025
@zhengfan2016 #4
既然这样就放弃 vue ，我好几年没碰过 vue 了 |
|
8
zhengfan2016 OP @MonikaCeng #7 没办法，中小厂 vue 岗位确实要比 react 多，没大厂履历的双非二本就是不好找工作，我都有点考虑转行测开先混个大厂光环
|
|
9
MonikaCeng Mar 27, 2025 via iPhone
@zhengfan2016 #8
难道是 uniapp ？听说国内小厂都一把撸 |
 |
10
accelerator1 Mar 29, 2025
哦，原来我给 vue2 写的自动路由生成叫 app router ，的确比 page router 自由。
|
Select Language