Vue学习笔记-Router死活跳不过去子路由

Vue-Router的index.js里写了个这个：

// 用户相关界面
{
	path: '/user',
	children: [{
		path: 'login',
		component: () => import('@/views/user/Login.vue')
	}]
}

然后我理想的是，使用/user/login可以跳转到这个页面。

但是一直失败了，控制台也不会报错，就是纯纯的没反应。

折腾了半天，最后发现问题所在，把上面的代码改成这样就可以了：

// 用户相关界面
{
	path: '/user',
	component: {
		template: '<router-view></router-view>'
	},
	children: [{
		path: 'login',
		component: () => import('@/views/user/Login.vue')
	}]
}

查了资料发现，这种形式跳转到子路由必须给父路由一个非空的组件，比如给一个<router-view>的模板。