vue之子路由的配置

vue之子路由的配置

1.需求:1级路由配置子路由,在Book下配置两个子路由

vue之子路由的配置

2.第一步在router文件下的index.js文件中的对应页面配置它的子路由(二级路由)

vue之子路由的配置

3.①在父页面中写好子路由页面②完善子页面

vue之子路由的配置

4页面显示子路由

vue之子路由的配置
vue之子路由的配置

5结束总结

①.路由在index.js中配置好子路由时记得导出。
②子路由:to中可以写{name:‘子路由名’}或者{path:‘子路由路径’},写路由名字不易出错