vue统一路由管理:

起因:由于之前项目较小,路由都定义在一个文件夹,不方便管理。

以两个路由home和login为例:



可以看到,似乎没什么不好的地方。但随着项目的增大,所有相关的路由代码都放在一个文件中不利于后期维护

解决:将这两个路由分别新建两个文件,在主路由中导入并利用ES6中解构的方式完成路由的定义


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今日目标 1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开...
    __method__阅读 4,472评论 0 9
  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 4,278评论 0 0
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,133评论 1 4
  • 三、组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML元素,封装可重用...
    小山居阅读 3,780评论 0 1
  • 夜莺2517阅读 127,806评论 1 9