quasar 路由笔记

quasar与vue-cli相似，在这里整理一个关于quasar路由的笔记

---

一、路由配置实现页面跳转

1.quasar的文件大概如下，我的路由配置放在router目录里

2.这里我配置两个路由，首页home、登录页login，首页配置在文件static.js里，登录页配置在root.js里。

首页statics.js

export default [
  // 首页
  {
    name: 'home',
    path: '',
    component: () => import('pages/static/Index'),
  }
]

登录页root.js 其中children里的路由显示的是不同的登录方式，发送短信验证码登录、密码登录、二维码登录，默认显示发送验证码登录

export default[
  {
    path: '/login',
    name: 'login',
    component: () => import('pages/login/LoginLayout.vue'),
    redirect: { name: 'login-sms' },
    children: [
      {
        name: 'login-sms',
        path: 'sms