el-menu-item实现路由跳转怎么跟routes.js关联起来

要将 `el-menu-item` 组件中的路由跳转与 `routes.js` 关联起来，你需要在 `routes.js` 中定义对应的路由。下面是一个示例代码：

import Home from '@/views/Home.vue'
import User from '@/views/User.vue'

const routes = [
  {
    path: '/home',
    name: 'Home',
    component: Home
  },
  {
    path: '/user',
    name: 'User',
    component: User
  }
]

export default routes

在这个示例中，我们定义了两个路由，分别对应 `/home` 和 `/user` 路径，对应的组件分别是 `Home` 和 `User`。

然后，在你的 `App.vue` 中，你需要使用 `router-view` 组件来渲染路由组件。下面是一个示例代码：

<template>
  <div id="app">
    <el-menu :default-active="$route.path" mode="horizontal">
      <el-menu-item index="/home">
        <router-link to="/home">Home</router-link>
      </el-menu-item>
      <el-menu-item index="/user">
        <router-link :to="{ path: '/user', query: { id: 123 } }">User</router-link>
      </el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

在这个示例中，我们在 `el-menu-item` 组件中使用 `router-link` 来实现路由跳转，并将目标路由设置为 `/home` 和 `/user`。同时，在 `el-menu` 组件中，我们将 `default-active` 属性设置为 `$route.path`，以保证在刷新页面时菜单项的选中状态不会丢失。

最后，在 `main.js` 中，你需要引入 Vue Router 并将其配置到 Vue.js 应用程序中。下面是一个示例代码：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

在这个示例中，我们将 `router` 对象引入并作为选项传递给 Vue.js 的根实例。这样，你就可以在应用程序中使用路由了。