命名路由、命名视图(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来进行跳转,也可以用命名路由的形式进行跳转

命名路由跳转也可以传递参数

 

 

猜你喜欢

转载自www.cnblogs.com/wy5132/p/10506226.html