入门
基础
- 动态路由匹配 Dynamic Route Matching
- 路由的匹配语法 Routes' Matching Syntax
- 嵌套路由 Nested Routes
- 编程式导航 Programmatic Navigation
- 命名路由 Named Routes
- 命名视图 Named Views
- 重定向和别名 Redirect and Alias
- 路由组件传参 Passing Props to Route Components
- 不同的历史记录模式 Different History modes
进阶
- 导航守卫 Navigation guards
- 导航故障 Navigation Failures
- 路由元信息 Route Meta Fields
- 数据获取 Data Fetching
- 组合式 API Composition API
- 过渡动效 Transitions
- 滚动行为 Scroll Behavior
- 路由懒加载 Lazy Loading Routes
- 类型化路由 Typed Routes
- 扩展路由链接 Extending RouterLink
- 动态路由 Dynamic Routing
迁移
API 手册
接口
- 历史记录状态 HistoryState
- 导航故障 NavigationFailure
- 导航卫士 NavigationGuard
- 导航卫士下一页 NavigationGuardNext
- 导航卫士用这个 NavigationGuardWithThis
- 导航后 NavigationHookAfter
- 路由位置 RouteLocation
- 路由位置匹配 RouteLocationMatched
- 路由位置规范化 RouteLocationNormalized
- 路线位置规范加载 RouteLocationNormalizedLoaded
- 路由位置选项 RouteLocationOptions
- 路线梅塔 RouteMeta
- 路由记录规范化 RouteRecordNormalized
- 路由器 Router
- 路由器历史 RouterHistory
- 路由器链接配置文件 RouterLinkProps
- 路由器选项 RouterOptions
- 路由器滚动行为 RouterScrollBehavior
- 路由器视图Props RouterViewProps
路由器选项 RouterOptions
初始化 Router 实例的选项。
Hierarchy
PathParserOptions
↳RouterOptions
Properties
end
• Optional
end: boolean
RegExp 是否应该通过向其附加一个$
来匹配到最后。
Default Value
true
Inherited from
PathParserOptions.end
history
• history: RouterHistory
路由器使用的历史实现。 大多数网络应用程序应该使用createWebHistory
,但它需要正确配置服务器。 您还可以将基于 hash 的历史记录与 createWebHashHistory 一起使用,它不需要在服务器上进行任何配置,但搜索引擎根本不处理,并且在 SEO 上表现不佳。
Example
createRouter({
history: createWebHistory(),
// other options...
})
linkActiveClass
• Optional
linkActiveClass: string
应用于活动 RouterLink 的默认类。 如果未提供,将应用router-link-active
。
linkExactActiveClass
• Optional
linkExactActiveClass: string
应用于确切活动 RouterLink 的默认类。 如果未提供,将应用router-link-exact-active
。
parseQuery
• Optional
parseQuery:
用于解析查询的自定义实现。 请参阅其对应项 stringifyQuery。
Example
假设您想使用 qs 包 来解析查询,您可以同时提供 parseQuery
和 stringifyQuery
:
import qs from 'qs'
createRouter({
// other options...
parseQuery: qs.parse,
stringifyQuery: qs.stringify,
})
routes
• routes: 只读 RouteRecordRaw
应添加到路由器的初始路由列表。
scrollBehavior
• Optional
scrollBehavior: RouterScrollBehavior
在页面之间导航时控制滚动的功能。 可以返回一个 Promise 来延迟滚动。 检查滚动行为。
Example
function scrollBehavior(to, from, savedPosition) {
// `to` and `from` are both route locations
// `savedPosition` can be null if there isn't one
}
sensitive
• Optional
sensitive: boolean
使 RegExp 区分大小写。
Default Value
false
Inherited from
PathParserOptions.sensitive
strict
• Optional
strict: boolean
是否禁止尾部斜杠。
Default Value
false
Inherited from
PathParserOptions.strict
stringifyQuery
• Optional
stringifyQuery:
对查询对象进行字符串化的自定义实现。 不应在前面加上前导 ?
。 parseQuery 对应处理查询解析。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论