命名路由、命名視圖(router-link、router-view命名)


什么是命名路由和命名規范?

給路由定義不同名字,根據名字進行匹配

給不同的router-view 定義名字,通過名字進行對應組件的渲染。

<router-view>命名:

例子:效果:默認顯示上方顯示商品列表頁面(GoodsList.vue),下方左邊顯示商品標題頁面(TItle.vue),右邊顯示商品圖片頁面(Image.vue)

1、index.jsp中定義組件

2、App.vue中進行渲染

3、瀏覽器輸入localhost:8080后進行查看

 

 

 

 

<router-link>命名:

可以用to來進行跳轉,也可以用命名路由的形式進行跳轉

 

 

命名路由跳轉也可以傳遞參數

 

 

 

 

 

 


免責聲明!

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



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