vue-router的安裝和使用


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>掛載的組件,其他內容不會發生改變

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM