Vue Router导航包括以下几个方面:
- 声明式导航:使用
<router-link>
标签进行声明式导航,可设置路由的路径、参数、查询、样式等。 - 编程式导航:使用
$router
实例中的方法进行编程式导航,如push()
、replace()
、go()
、back()
等。 - 路由守卫:使用路由守卫钩子函数进行导航守卫,如
beforeEach()
、beforeResolve()
、afterEach()
等。 - 动态路由:使用路由参数进行动态路由导航,如
/user/:id
。 - 命名路由:给路由起一个名字,方便编程式导航。
- 路由嵌套:在路由配置中嵌套子路由,实现嵌套页面的导航。
- 懒加载:将路由组件懒加载,优化页面加载性能。