vue之嵌套路由...children写错导致不报错且不显示嵌套路由内容

嵌套路由,来回切换

path:'/center',
compnent:Center,
children:[
	{path:'pay',component:Pay},
	{path:'nopay',component:NoPay},
]

User.vue

<template>
	<div>
		<ul class="user">
			<router-link tag="li" to="/user/pay">已付款</router-link>
			<router-link tag="li" to="/user/nopay">未付款</router-link>
		</ul>
		<router-view></router-view>
	</div>
	
</template>

index.js children单词别写错了

{
		path:'/user',
		component:User,
		children:[
			{path:'pay',component:Pay},
			{path:'nopay',component:NoPay},
		]
	} 

代码参考

https://gitee.com/zenglingchuan/test_vue