vue之子路由的配置

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

4页面显示子路由

在这里插入图片描述
在这里插入图片描述

5结束总结

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

Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

口才教育：如何提升沟通技巧与表达能力

avatar ViewDesign
cover

C 嵌入式系统设计模式 28：通道模式

avatar ViewDesign

优雅的前端框架：iView - 强大、易用且美观

优雅的前端框架：iView - 强大、易用且美观项目地址:https://gitcode.com/gh_mirrors/iv/iview是一个基于 Vue.js 的高质量 UI 组件库，旨在为开发者提供简单、直观、高效的基础组件，帮助他们快速构建现代 Web 应用程序。此项目由 Alibaba IVWEB 团队维护，质量与更新稳定性有保障。技术分析Vue.js 基础：iView 充分利...

avatar ViewDesign