<el-menu :default-active="$route.path" router  mode="horizontal">
        <el-menu-item v-for="route in routes" :key="route.path" :index="route.path" :class="$route.path==route.path?'is-active':''">{{route.name}}</el-menu-item>
   </el-menu>
routes: [
    { path: '/main/kdgadmin', name: '幼儿园管理', },
    { path: '/main/phyex', name: '体测', },
.is-active{
        background: #a3212f;
        border-bottom: 0px solid transparent;
        color: #FFFFFF;
                      &amp;lt;el-menu :default-active=&quot;$route.path&quot; router  mode=&quot;horizontal&quot;&amp;gt;        &amp;lt;el-menu-item v-for=&quot;route in routes&quot; :key=&quot;route.path&quot; :index=&quot;route.path&quot; :class=&quot;$route.path==route.
				
1.路由介绍
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。
2.刷新路由
对于路由，不同的路由跳转，vue会帮我们刷新路由...