router-link 實(shí)現(xiàn)路由之間的跳轉(zhuǎn)

router-view（路由出口組件 -> 渲染路徑匹配到的視圖組件）

當(dāng)你訪問的地址與路由path相符時(shí)，會將指定的組件替換該router-view

router-link

router-link 點(diǎn)擊實(shí)現(xiàn)路由跳轉(zhuǎn)，to屬性指向目標(biāo)地址，默認(rèn)渲染成帶有正確連接的<a>的標(biāo)簽。<router-link>相當(dāng)于<a href='...'>，但比起更好。

?注：router-link組件 默認(rèn)支持激活樣式顯示，即 active-class=’類名‘。如上述的第二個(gè)routerlink，其中，?使用反引號（`）模板字符串 來拼接參數(shù)，用法 `/路徑/${參數(shù)}`

router-view

每一級路由都有路由出口，路由出口置于上一級組件/父組件中。

如，在根組件App.vue中寫一級路由出口，在一級路由中寫下一級的路由出口

注：vue是熱更新，不需要刷新頁面即可使用。

參考：vue 路由的內(nèi)置組件 router-view 詳細(xì)介紹（有圖有真相）_vue 組件中的 router-view 指向哪里_web前端 zxp的博客-CSDN博客

API 參考 | Vue Router (vuejs.org)

router-link:to+動(dòng)態(tài)指向_router-link to_okherry的博客-CSDN博客