vue嵌套子路由，子路由跳转后，页面不刷新

在路由表配置了子路由，点击可以发现地址栏产生了路由的跳转，但是页面不刷新是怎么回事呢？
经过检查后发现了

！！！居然是没在组件模板写

来到尤大佬的官方文档可进行详细了解

嵌套路由

https://router.vuejs.org/zh/guide/essentials/nested-routes.html

const User = {
  template: '
User {{ $route.params.id }}
'
}

const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User }
  ]
})

这里的 是最顶层的出口，渲染最高级路由匹配到的组件。同样地，一个被渲染组件同样可以包含自己的嵌套 。例如，在 User 组件的模板添加一个 ：