入门
基础
- 动态路由匹配 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
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
路由器历史 RouterHistory
由 History 实现实现的接口,可以作为 Router.history 传递给路由器
Properties
basecreateHref
▸ createHref(location
): string
生成要在锚标记中使用的相应 href。
Parameters
名称 | 类型 | 说明 |
---|---|---|
location | string | 应该创建 href 的历史位置 |
Returns
string
destroy
▸ destroy(): void
清除历史实现附加的任何事件侦听器。
Returns
void
go
▸ go(delta
, triggerListeners?
): void
沿给定方向遍历历史。
Example
myHistory.go(-1) // equivalent to window.history.back()
myHistory.go(1) // equivalent to window.history.forward()
Parameters
名称 | 类型 | 说明 |
---|---|---|
delta | number | 旅行的距离。 如果 delta < 0,它将返回,如果它是 > 0,它将前进该条目数。 |
triggerListeners? | boolean | 这是否应该触发附加到历史的听众 |
Returns
void
listen
▸ listen(callback
): () => void
将侦听器附加到从外部触发导航(如浏览器后退和前进按钮)或将true
传递给 RouterHistory.back
和 RouterHistory.forward
时触发的 History 实现
Parameters
名称 | 类型 | 说明 |
---|---|---|
callback | NavigationCallback | 要附加的侦听器 |
Returns
fn
移除侦听器的回调
▸ (): void
将侦听器附加到从外部触发导航(如浏览器后退和前进按钮)或将true
传递给RouterHistory.back
和RouterHistory.forward
时触发的历史实现
Returns
void
移除侦听器的回调
push
▸ push(to
, data?
): void
导航到一个位置。 在 HTML5 History 实现的情况下,这将调用history.pushState
来有效地更改 URL。
Parameters
名称 | 类型 | 说明 |
---|---|---|
to | string | 要推送的位置 |
data? | HistoryState | 与导航条目关联的可选 HistoryState |
Returns
void
replace
▸ replace(to
, data?
): void
与 push 相同,但执行的是 history.replaceState
而不是 history.pushState
Parameters
名称 | 类型 | 说明 |
---|---|---|
to | string | location to set |
data? | HistoryState | 与导航条目关联的可选 HistoryState |
Returns
void
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论