起因:由于之前项目较小,路由都定义在一个文件夹,不方便管理。
以两个路由home和login为例:
![](https://img.haomeiwen.com/i24506140/f64e2d0b2be35f10.png)
可以看到,似乎没什么不好的地方。但随着项目的增大,所有相关的路由代码都放在一个文件中不利于后期维护
解决:将这两个路由分别新建两个文件,在主路由中导入并利用ES6中解构的方式完成路由的定义
![](https://img.haomeiwen.com/i24506140/17e5acfdee83b9cf.png)
![](https://img.haomeiwen.com/i24506140/58426fd60e159ee9.png)
以两个路由home和login为例:
可以看到,似乎没什么不好的地方。但随着项目的增大,所有相关的路由代码都放在一个文件中不利于后期维护
本文标题:vue统一路由管理:
本文链接:https://www.haomeiwen.com/subject/bvorcltx.html
网友评论