命名路由、命名视图(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