# router-link 補充
在前面的`<router-link>`中, 我們只是使用了一個屬性: to, 用于指定跳轉的路徑.。重在于`跳轉/導航`
## 其它屬性
>[success] tag可以指定之后渲染成什么組件, 比如上面的代碼會被渲染成一個元素, 而不是 `a` 標簽
> replace: replace不會留下history記錄, 所以指定replace的情況下, 后退鍵返回不能返回到上一個頁面中
> active-class: 當<router-link>對應的路由匹配成功時, 會自動給當前 `router-link` 渲染的a元素設置一個`router-link-active`的
> 類名。后面我們還可以對它修改
* 在進行高亮顯示的導航菜單或者底部tabbar時, 會使用到該類.
* 但是通常不會修改類的屬性, 會直接使用默認的router-link-active即可.
:-: 
## 修改linkActiveClass
該class具體的名稱也可以通過router實例的屬性進行修改(名字太長不好用)
```
const router = new VueRouter({
routes,
linkActiveClass:'active'
})
```

`exact-active-class`類似于`active-class`, 只是在精準匹配下才會出現的`類名`.
后面看到嵌套路由時, 我們再看下這個屬性.
# 編程式的導航
除了使用`<router-link>`創建 a 標簽來定義導航鏈接,我們還可以借助 router 的實例方法(即JS),通過編寫代碼來實現。
```
router.push(location)
```
