const routes = [
{
path: '/',
//重定向
redirect: '/home'
},
{
path: '/home',
name: 'Home',
component: Home,
//路由嵌套
children: [
{
path: '',
redirect: 'news'
},
{
path: 'news',
component: HomeNews
}
]
}
]
如上代码,vue中使用路由嵌套调试时控制台给出以下警告
当某个路由有子级路由时,父级路由需要一个默认的路由,因此父级路由不能定义name属性,去掉父级路由的name属性即可