· router-link 組件
router-link 組件支持用戶在具有路由功能的應用中 (點擊) 導航。 通過 to 屬性指定目標地址,默認渲染成帶有正確鏈接的<a>標簽,可以通過配置 tag 屬性生成別的標簽.。另外,當目標路由成功激活時,鏈接元素自動設置一個表示激活的 CSS 類名。
router-link 比起寫死的a href="..."會好一些,理由如下:
· 無論是 HTML5 history 模式還是 hash 模式,它的表現行為一致,所以,當你要切換路由模式,或者在 IE9 降級使用 hash 模式,無須作任何變動。
· 在 HTML5 history 模式下,router-link 會守衛點擊事件,讓瀏覽器不再重新加載頁面。
· 當你在 HTML5 history 模式下使用 base 選項之后,所有的 to 屬性都不需要寫 (基路徑) 了。
· router-view組件
router-view組件是一個 functional 組件,渲染路徑匹配到的視圖組件。 router-view 渲染的組件還可以內嵌自己的 router-view ,根據嵌套路徑,渲染嵌套組件。
其他屬性 (非 router-view 使用的屬性) 都直接傳給渲染的組件, 很多時候,每個路由的數據都是包含在路由參數中。
因為它也是個組件,所以可以配合 transition 和 keep-alive使用。如果兩個結合一起用,要確保在內層使用 :