路由跳转的 2 种方式
概述
路由的跳转分为两种：标签跳转，js 跳转。在官网的文档里 js 跳转叫【编程式的导航】，标签跳转叫【声明式】 在官网文档里的 api 着重对声明式的各种使用详尽的说明了
标签跳转
// 默认<router-link />被渲染成a标签
<router-link to='home'>Home</router-link>;
// 对应的就是router.js里配置的
new VueRouter({
routes: [
{
path: "/home",
component: Home,
},
],
});
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
编程式导航
// 路由组件里使用$router来访问路由实例
this.$router.push("/news"); // 跳转到新闻页
// 可以通过$route访问路由信息
this.$route.path; // 获取到当前路由地址
1
2
3
4
2
3
4