简述vue嵌套路由的定义及使用方法

嵌套路由是指在Vue.js中，一个路由下可以有多个子路由，每个子路由都对应一个组件。这种设计可以更好地组织和管理页面的结构，使得页面更加清晰明了。使用方法如下：

1. 定义路由

在定义路由时，使用`children`字段来定义子路由。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home,
      children: [
        {
          path: 'user',
          component: User
        },
        {
          path: 'news',
          component: News
        }
      ]
    }
  ]
})

2. 使用`router-view`组件

在父组件中，使用`router-view`组件来渲染子组件。例如：

<template>
  <div>
    <h1>Home</h1>
    <router-view></router-view>
  </div>
</template>

在子组件中，也可以使用`router-view`组件来渲染孙组件。例如：

<template>
  <div>
    <h2>User</h2>
    <router-view></router-view>
  </div>
</template>

这样，当访问`/home/user`时，就会渲染`User`组件，同时在`User`组件中使用`router-view`组件，可以渲染`News`组件。