Vue-router

一、<router-link>标记对的属性

1、to：用来指定链接跳转的目标路由

   （1）使用路由地址（to="/contact"）。

   （2）使用路由名称（:to="{name:'contact'}"）。

2、tag：用来指定<router-link>最终以什么标记对的形式出现在页面中，默认值为a。

3、event：用来指定触发进入目标路由的行为，默认值为click。

4、exact：【放置型数据】用来指定路由的匹配模式是“精确匹配”还是“全局匹配”。

5、replace：【放置型属性】用来指定路由是否存入历史记录。若不进入历史记录就无法使用浏览器的后退功能进行反向导航。

6、active-class：确定全局匹配模式下当前激活路由要满足的类名，默认值为router-link-active。

7、exact-active-class：确定精确匹配模式下当下激活路由要满足的类名，默认值为router-link-exact-active。

二、this.$route:

1、path:"/course",返回当前路由的路由地址。

2、name:"courseDetail"，返回当前路由的路由名称。

3、meta:{}，返回路由项的元数据。

4、fullPath:"/course?courseld=1",返回当前路由的带有路由参数的完整路由地址。

5、params:{},返回带有参数路由的params参数。

6、query{}，返回带有参数的路由的query参数。

三、this.$router:

1、this.$router.push():路由跳转，路由地址收录至历史记录中。

2、this.$router.replace():路由跳转，路由地址不会收录至历史记录中。

3、this.$router.go(n):路由跳转，从当前路由开始后退(n<0)或前进(n>0)跳转几个路由的历史记录项。

4、this.$router.back():后退路由地址。

5、this.router.forward():前进路由地址。

6、this.$router.getRoutes():返回当前路由表中的所有路由项。

7、this.$router.addRoute():向路由表中添加一级路由和二级子路由。

8、router.beforeEach():为路由对象添加全局前置守卫。

9、router.beforeResolve():为路由对象添加全局解析守卫。

10、router.afterEach():为路由对象添加全局后置守卫。