簡單描述一下router－link

簡單描述一下router－link
router－link多用語路由之間的跳轉，相似於屬性可是着實比屬性好用了很多
它包含了這幾個屬性：
1.to
e.g.
<router-link to=「home」>Home</router-link>
可使得你點擊這個字符串Home的時候跳轉到咱們想要的home路徑，是在不須要傳參數到目標路徑時最經常使用的跳轉方法
2.replace
咱們的路由挑戰實際上使用的是history，因此它是會留下history記錄的
那麼若是咱們不想留下這個紀錄怎麼辦呢？咱們可使用router.replace()來代替router.push()
首先名切它是什麼：active-class是vue－link裏面的一個屬性，它的做用就是切換選中的樣式
e.g.
<router-link :to」{path:’/abc’}」 replace></router-link>
3.append
這個屬性默認值是爲false
簡單來說這個屬性的意義就是若是你想從a頁面跳轉到b頁面，那麼你不使用這個屬性它的直接跳轉路徑就是/b可是若是你使用了它就會變成/a/b，看本身是否須要
4.tag
顧名思義就是router－link被渲染的標籤，默認爲但若是你本身想改的話就能夠直接用tag＝「你想要的」來改變他的標籤渲染，固然就算你改變了他仍是會監聽點擊觸發導航的
5.active－class
一句話總結的話它的用法就是用來切換選中樣式
當router-link被點擊時，被點擊的標籤將會應用active－class綁定的這個樣式
分爲兩種配置方法

第一種：
直接在路由js文件中寫linkActiveClass來配置他
export default new Router({
    linkActiveClass: ‘active’,
})
第二種：直接在router－link中寫入這個屬性

6.exact
這是一個很好用的幫助active－class的一個屬性
active－class是激活綁定css屬性，可是默認狀況下好比從a路由跳轉到b路由，這兩種路徑都會切換成active－class的樣式，怎麼樣才能夠只讓b擁有active－class的樣式呢？在標籤內綁定exact就行了，等同於exact－active－class