vue路由实现代码,求解答

五、编程题

请使用Vue路由相关知识动手实现Tab栏切换案例,要求如下

①创建一个components/Message.vue组件,用来展示页面内容。

2创建3个子路由,分别是“待付款”“待发货"“待收货”页面,在每个子路由页面单施写出相应的内容.页面效果如图5-18所示。

待付款

待发货

待收货

待付款商品信息

图5-18

Tab栏切换

嚯?光发需求?图都不给?想白嫖代码?问答模块是解决题主的疑问的,不是嚼碎了帮写的,如果实在紧急,请发悬赏

1.首先搭建目录
在vuews文件夹分别4个子路由目录

img

img

2.在路由文件里配置路由,子路由全都由names.vue页面切换的

img

3.在names页面创建跳转的,记住要写router-view标签,要不然跳不了

img