路由模块化的好处我就不多说了,先看下我的项目页面

开始拆分路由
定义根路由,根路由将引入子路由

在app.vue中引入根路由,并使用map进行渲染

定义子路由,每一个子路由对应page下的某个模块下的index,如职位管理对应position

在子路由中引入

在需要嵌套子路由的地方再次map渲染route

最后只需要使用link去切换即可

navList对应的数据如下

路由模块化的好处我就不多说了,先看下我的项目页面
开始拆分路由
定义根路由,根路由将引入子路由
在app.vue中引入根路由,并使用map进行渲染
定义子路由,每一个子路由对应page下的某个模块下的index,如职位管理对应position
在子路由中引入
在需要嵌套子路由的地方再次map渲染route
最后只需要使用link去切换即可
navList对应的数据如下
本文标题:react路由模块化和路由嵌套
本文链接:https://www.haomeiwen.com/subject/rtwmzktx.html
网友评论