uniapp路由传多个参数_「vue基础」一篇浅显易懂的 Vue 路由使用指南（ Vue Router 下）...

大家好，在上一篇系列文章里「vue基础」一篇浅显易懂的 Vue 路由使用指南( Vue Router 上)，我们一起学习了路由的基本配置，如何创建路由和传参，本篇文章我们一起学习下 Navigation 导航和路由守卫的相关内容。

Navigation

如果要改变当前路径，我们可以使用 自带的组件和JS编码的两种方式进行实现。

一、 Links方式

尽管你可以使用标准的标签功能进行实现，但是使用 功能有以下优点：

1、当URL与当前路由匹配时，能自动匹配定义的“active”样式(这个你需要在路由配置中进行自定义linkActiveClass属性)

2、会智能匹配路由为 hash 模式 还是 HTML5 history 模式，格式化成正确的URL格式。
3、当在 history 模式下，会阻止默认的单击操作行为，避免浏览器重新加载页面。
4、基于路由配置，构建相应的访问权限。

你可以像标签一样进行使用，只是URL相当组件的属性值而已：

URL除了可以写成字符串的形式，你还可以写成对象的形式：

虽然上面的两种写法是等价的，但是使用对象写法的形式，你能更方便的设置路由或URL传参：

1、Route parameters

2、Query parameters

二、JS编码的方式

如过你想通过JS的方式进行路由跳转，你可以在每个路由实例里，通过调用 this.$router 的相关方法。

1、push

此方法会创建一个对象(类似