文件即路由

文件路径	访问路径 (Route)	说明
src/pages/index.vue	/	首页
src/pages/about.vue	/about	关于页面
src/pages/users/index.vue	/users	用户列表页
src/pages/users/[id].vue	/users/:id	用户详情页，[id] 为必需参数
src/pages/users/[[id]].vue	/users/:id?	用户页，[[id]] 为可选参数
src/pages/articles/[path]+.vue	/articles/:path+	文章页，[path]+ 可匹配一个或多个路径段
src/pages/[...404].vue	/*	404 页面，捕获所有未定义的路由
src/pages/parent.vue	/parent	父路由组件，需包含 <router-view> 用于渲染子路由
src/pages/parent/child.vue	/parent/child	子路由组件，路径会自动嵌套

文件树：

src

pages

index.vue

about.vue

users

index.vue

\[id\].vue

\[\[id\]\].vue

articles

\[path\]+.vue

parent.vue

child.vue

\[...404\].vue

对应生成的路由结构

'/' => 'index.vue'
'/about' => 'about.vue'
'/users/' => 'users/index.vue'
'/users/:id' => 'users/[id].vue'
'/users/:id?' => 'users/[[id]].vue'
'/articles/:path+' => 'articles/[path]+.vue' 
'/parent' => 'parent.vue'
'/parent/child' => 'parent/child.vue'
'/*' => '[...404].vue'

更新日志

2025/9/27 17:16

查看所有更新日志

• 1eb9b-docs(Javascript): 更新Generator生成器函数文档内容于 2025/9/27