Vue el-menu高亮设置及点击菜单项实现路由跳转

Vue的el-menu组件可以通过设置`default-active`属性来实现高亮当前选中的菜单项，而实现点击菜单项跳转路由可以通过设置`router`属性和使用`router-link`组件来实现。

首先，设置el-menu组件的`default-active`属性，将其绑定到Vue实例中的一个data属性，例如`activeMenu`：

<template>
  <div>
    <el-menu :default-active="activeMenu">
      <el-menu-item index="/home">首页</el-menu-item>
      <el-menu-item index="/about">关于</el-menu-item>
      <el-menu-item index="/contact">联系我们</el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeMenu: '/home' // 默认选中首页菜单项
    }
  }
}
</script>

然后，在路由配置中，使用Vue Router的`router-link`组件来实现点击菜单项跳转路由。在每个菜单项上使用`router-link`组件，将其绑定到相应的路由路径：

<template>
  <div>
    <el-menu :default-active="activeMenu">
      <el-menu-item index="/home">
        <router-link to="/home">首页</router-link>
      </el-menu-item>
      <el-menu-item index="/about">
        <router-link to="/about">关于</router-link>
      </el-menu-item>
      <el-menu-item index="/contact">
        <router-link to="/contact">联系我们</router-link>
      </el-menu-item>
    </el-menu>
    <router-view></router-view>
  </div>
</template>

这样，点击菜单项时会根据`router-link`中的`to`属性自动跳转到对应的路由，并且el-menu组件会根据当前路由的路径自动高亮对应的菜单项。

请注意，以上代码中的el-menu和router-view是使用了Element UI库和Vue Router插件，你需要在项目中引入并正确配置它们。