js手写el-menu组件

好吧，现在用element的基本上都用脚手架，之所以用html写页面，是因为当初问老板：“项目要做SEO优化吗？”，老板想都没想回道：“必须的！”，加上是快速开发，于就用 element+vue.js 来了一波骚操作...

其中，遇到的主要就两个问题：

1、一级菜单、二级菜单的显示问题；

template: `
    <div id="xzj-menu" class="side">
      <div>菜单</div>
      <el-menu
        :default-active="activeIndex"
        class="el-menu-vertical-demo"
        @select="handleSelect"
        background-color="#ebebeb"
        text-color="#000"
        active-text-color="#fff"
        style="height:calc(100% - 138px);overflow-y:auto;overflow-x:hidden;">

        <template v-for="item in menus">
          <el-menu-item  v-if="item.children==undefined" :index="item.url">
            <span slot="title"&