基础

• 动态路由

• 嵌套路由

• 编程式导航

  • 1. 点击<router-link :to="...">（声明式）等同于调用 router.push(...)（编程式）;
  • 2. router.push(location)会向 history 栈添加一个新的记录；router.replace()location 会替换当前的记录，可以使用声明式<router-link :to="..." repalce>
  • 3. router API 与 windows.history API 比较相似。

• 命名路由

• 命名视图

• 重定向和别名

• HTML5 History 模式

进阶

• 导航钩子

  • 可以用于拦截登录信息

• 路由元信息

• 过渡动效

• 数据获取

• 滚动行为 scrollBehavior

• 路由懒加载

API文档

• router-link
• router-view
• 路由信息对象
• Router 构造配置
• Router实例
• 对组件注入