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