前端路由规范

一 、 前端路由名和路径名命名规范

为避免路由重名和加强路由语义化，特制定此规范。

通常我们的项目中src目录中会有modules文件夹来拆分应用模块，如下结构

├── doctor
│   ├── pages
│   │   ├── doctor_details.vue
│   │   ├── doctor_invite.vue
│   │   └── index.vue
│   └── router
│       └── index.js

模块中会有

pages 页面组件目录

router 路由目录

router 中每个路由path和 name需遵循以下规则

• 1 path组成为 /模块名/页面名
  示例：

  {
      path: "/doctor/invite",
      component: doctorInvite,
  }
  

• 2 name组成为 模块名[页面名]
  示例：

  {
      path: "/doctor/invite",
      name: "doctorInvite",
      component: doctorInvite,
  }
  

注意： 页面名首字母大写

二 、 前端路由跳转时使用规范

使用 router-link组件跳转路由时，需严格使用以下格式:

<router-link :to="{name:'articleAddDoctor',query:{type:0}}">

不可用 以下格式

:to="{path:'/path/to/page'}"
:to="/path/to/page"

注： 若确实有特殊情况，则允许。