【vue】路由配置

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

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')

    }

  ]

})

巴特西

【vue】路由配置

最新文章

热门文章