1.安裝vue-router
npm install vue-router --save
2.在模塊化工程中使用它
(1)導入路由對象,並且調用Vue.use(VueRouter)
(2)創建路由實例,並且傳入路由映射配置
(3)在Vue實例中掛載創建的路由實例
3.使用vue-router的步驟
(1)創建路由組件
(2)配置路由映射:組件和l路徑映射關系
(3)使用路由:通過<router-link>和<router-view>
<router-link>該標簽是一個vue-router中已經內置的組件,它會被渲染成一個a標簽
<router-view>該標簽會根據當前的路徑,動態渲染出不同的組件
網頁的其他內容,比如頂部的標題/導航或者底部的一些版權信息等會和<router-view>處於同一個等級;
在路由切換時,切換的是<router-view>掛載的組件,其他內容不會發生改變