入门
基础
- 动态路由匹配 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
路由记录规范化 RouteRecordNormalized
路由记录 的规范化版本。
Hierarchy
RouteRecordNormalized
↳RouteLocationMatched
Properties
aliasOf
• aliasOf: undefined
| RouteRecordNormalized
定义此记录是否是另一个记录的别名。 如果记录是原始记录,则此属性为“未定义”。
beforeEnter
• beforeEnter: undefined
| NavigationGuardWithThis
<undefined
> | NavigationGuardWithThis
<undefined
>
之前注册进入守卫
children
• children: RouteRecordRaw
嵌套路线记录。
components
• components: undefined
| null
| Record
<string
, RawRouteComponent
>
{@inheritDoc RouteRecordMultipleViews.components}
instances
• instances: Record
<string
, undefined
| null
| ComponentPublicInstance
<{}, {}, {}, {}, {}, {}, {}, {}, false
, ComponentOptionsBase
<any
, any
, any
, any
, any
, any
, any
, any
, any
, {}, {}, string
>, {}>>
挂载的路由组件实例 将实例记录在案意味着 beforeRouteUpdate 和 beforeRouteLeave 守卫只能用最新挂载的应用程序实例调用,如果有多个应用程序实例呈现相同的视图,基本上复制页面上的内容,这不应该发生在 实践。 如果多个应用程序呈现不同的命名视图,它将起作用。
meta
• meta: RouteMeta
{@inheritDoc _RouteRecordBase.meta}
name
• name: undefined
| RouteRecordName
{@inheritDoc _RouteRecordBase.name}
path
• path: string
{@inheritDoc _RouteRecordBase.path}
props
• props: Record
<string
, _RouteRecordProps
>
{@inheritDoc RouteRecordMultipleViews.props}
redirect
• redirect: undefined
| RouteRecordRedirectOption
{@inheritDoc _RouteRecordBase.redirect}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论