一般组件我们会有全屏组件,或是在页面的某个部分显示组件,所以路由的第一层一般是全屏显示的,而在/目录下的组件为页面的某个部分显示的,通常需求是这样的,登录是全屏显示的,而普通页面是在页面的某个部分进行切换的。
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') } ]})