Vue 干货：[...path].vue 是什么？
玩 Nuxt、VitePress 经常见到[...path].vue，其实就是万能兜底 404 路由
命名拆解
[]：动态路由参数
...：匹配多层级路径
path：存放捕获的完整访问地址
区别对比
[id].vue：仅匹配单级路径 /xxx
[...path].vue
：所有层级全捕获
/a/user/123 /a/b/c 都能接住
最简示例 pages/[...path].vue

404页面，路径：{{ $route.params.path }}


const route = useRoute()

手写 Vue Router 等同代码
{ path: '/:pathMatch(.*)*', component: ()=>import('@/views/404.vue') }
⚠️ 避坑：和import(${path}.vue)动态导入不是一回事，别混淆！
前端 Vue Nuxt