vue路由配置

Posted 2021-02-14 wuxianqiang

一般组件我们会有全屏组件，或是在页面的某个部分显示组件，所以路由的第一层一般是全屏显示的，而在/目录下的组件为页面的某个部分显示的，通常需求是这样的，登录是全屏显示的，而普通页面是在页面的某个部分进行切换的。

export default new Router({
  mode: ‘history‘,
  routes: [
    {
      path: ‘/‘,
      name: ‘Home‘,
      component: () => import(‘@/components/Home.vue‘),
      children: [
        {
          path: ‘recommend‘,
          name: ‘Recommend‘,
          component: () => import(‘@/components/Recommend.vue‘),
        }
      ]
    },
    {
      path: ‘/about‘,
      name: ‘About‘,
      component: () => import(‘@/components/About.vue‘)
    }
  ]
})