router-view嵌套router-view时，如何设置router配置数据

在Vue.js中，当使用Vue Router进行路由管理时，可以通过嵌套`<router-view>`来实现多级路由的嵌套。要设置嵌套路由的配置数据，需要在路由配置文件中进行配置。

假设我们有两个组件`ParentComponent`和`ChildComponent`，我们希望将`ChildComponent`作为`ParentComponent`的子路由进行嵌套显示。

首先，在路由配置文件中，需要定义父子路由的路径和对应的组件。例如：

// 路由配置文件（router.js）
import ParentComponent from '@/components/ParentComponent.vue'
import ChildComponent from '@/components/ChildComponent.vue'

const routes = [
  {
    path: '/parent',
    component: ParentComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent
      }
    ]
  }
]

export default routes

在上述代码中，我们定义了父路由的路径为`/parent`，对应的组件为`ParentComponent`。同时，我们在父路由的配置中使用了`children`字段来定义子路由的配置。子路由的路径为`/parent/child`，对应的组件为`ChildComponent`。

接下来，在根组件中使用`<router-view>`来显示父子路由的内容。例如：

<!-- 根组件（App.vue） -->
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

在上述代码中，我们使用了根组件中的`<router-view>`来显示路由的内容。

最后，在父组件`ParentComponent`中，同样使用`<router-view>`来显示子路由的内容。例如：

<!-- 父组件（ParentComponent.vue） -->
<template>
  <div>
    <h1>Parent Component</h1>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'ParentComponent'
}
</script>

在上述代码中，我们使用了父组件中的`<router-view>`来显示子路由的内容。

这样，当访问路径为`/parent`时，父组件`ParentComponent`会被显示，并且子组件`ChildComponent`会通过父组件中的`<router-view>`进行嵌套显示。