是 vue-route 中的一個組件,它的作用就是相當於 a 標簽一樣的給路由做導航,事實上它也確實是默認被渲染為 a 標簽。關於它的詳細信息請看 官方文檔
這里要說的是在使用中要注意的一些問題:
1. replace
添加這個屬性的路由在導航后不會留下 history 記錄,目測這是一個非常好用的屬性,可以解決以前煩死人的 history 問題,大幅提高用戶體驗。
2. tag
route-link 會被默認渲染為 a 標簽,如果你想讓它渲染成其它的標簽就可以使用 tag 屬性,這樣可以解決一些 a 標簽的默認樣式問題。
3. exact
設置了這個屬性的路由會被認為是處於激活狀態,最典型的應用就是導航欄了,比如說一組5個 tab,給第一個 tab 設置這個屬性,那么它就是處於選中狀態。
4. active-class
鏈接激活時的類名,其實這個也是為了方便導航欄切換狀態的,設置這個屬性就可以讓鏈接在激活時自動切換相應的樣式。
5. router-link-active
這是一個類名,也是上面第四條屬性的默認值,就是說鏈接在被激活時會自動給加上這個 class,所以就可以把這個 class 寫在 style 里面,里面寫上導航在激活時的一些公共樣式,比如字體顏色,大小等。
