vue中的两种导航方式：

除了使用 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现

注意：在 Vue 实例内部，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push

想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。

当你点击 <router-link> 时，这个方法会在内部调用，所以说，点击 <router-link :to="…"> 等同于调用 router.push(…)。

下面是router.push() 的一些常用方法：

注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path

params传参方式正确使用方法如下图所示：

总结：query方式路由传参时，name和path属性均可以使用；而使用params方式路由传参时，必须用name，如果要用path，则需要在path里写入完整的参数作为最终完整的path，且不需要再写params字段。