react路由模块化和路由嵌套

2021-01-25  本文已影响0人  习惯水文的前端苏

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

开始拆分路由

\star 定义根路由,根路由将引入子路由

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

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

\star 在子路由中引入

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

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

        navList对应的数据如下

上一篇 下一篇

猜你喜欢

热点阅读