修改上述代码，路由文件要求有三级路由

好的，根据你的要求，我来修改一下上面的代码，使得路由文件中包含三级路由。下面是修改后的示例代码：

// router.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/about',
    name: 'about',
    component: About,
    children: [
      {
        path: 'history',
        name: 'history',
        component: History
      },
      {
        path: 'team',
        name: 'team',
        component: Team
      }
    ]
  },
  {
    path: '/contact',
    name: 'contact',
    component: Contact
  },
  // ... 其他路由信息
]

const router = new Router({
  routes
})

export default router

在上面的代码中，我们给About路由添加了两个子路由（history和team），从而形成了三级路由。

如果你想匹配符合条件的三级路由，可以将代码修改为如下形式：

// MyComponent.vue

<template>
  <div>
    <h2>符合条件的路由信息：</h2>
    <ul>
      <li v-for="route in matchedRoutes" :key="route.name">
        {{ route.name }}
      </li>
    </ul>
  </div>
</template>

<script>
import router from './router'

export default {
  data() {
    return {
      matchedRoutes: []
    }
  },
  mounted() {
    // 后端返回的路由name合集
    const backendRoutes = ['home', 'about', 'history']

    // 匹配路由
    backendRoutes.forEach(name => {
      const route = router.options.routes.find(route => {
        if (route.name === name) {
          return true
        } else if (route.children) {
          return route.children.some(child => child.name === name)
        }
        return false
      })
      if (route) {
        this.matchedRoutes.push(route)
      }
    })
  }
}
</script>

在上面的代码中，我们在匹配路由的时候，不仅要匹配一级路由和二级路由的name属性，还要匹配它们的子路由的name属性。

除了修改匹配逻辑之外，其他代码保持不变。如果你有其他问题或者需要进一步的帮助，请告诉我。