<Menu theme="dark" width="auto">
         <Submenu name="1">
           <template slot="title">
               <Icon type="ios-paper" />
               内容管理
           </template>
           <Submenu name="2">
             <template slot="title">
                 <Icon type="ios-paper" />
                 文章管理
             </template>
             <Submenu name="3">
               <template slot="title">
                   <Icon type="ios-paper" />
                   文章管理
               </template>
               <MenuItem name="1-2">评论管理</MenuItem>
               <Submenu name="4">
                 <template slot="title">
                     <Icon type="ios-paper" />
                     文章管理
                 </template>
                 <MenuItem name="1-2">评论管理</MenuItem>
                 <MenuItem name="1-3">举报管理</MenuItem>
               </Submenu>
             </Submenu>
             <MenuItem name="1-3">举报管理</MenuItem>
           </Submenu>
           <MenuItem name="1-3">举报管理</MenuItem>
         </Submenu>
       </Menu>

<Menu theme="dark" width="auto">
          <template v-for="(item) in menuData" >
            <!-- 第一级 -->
            <Submenu v-if="item.children.length > 0" :key="item.id" :name="item.id">
              <template slot="title">
                <Icon :type="item.icon" />
                  {{item.title}}
              </template>
              <!-- 第二级 -->
              <template v-for="(children) in item.children">
                <Submenu v-if="children.children.length > 0" :name="children.id" :key="children.id">
                  <template slot="title">
                    <Icon :type="children.icon" />
                      {{children.title}}
                  </template>
                  <!-- 第三级 -->
                  <template v-for="(third) in children.children">
                    <Submenu v-if="third.children.length > 0" :name="third.id" :key="third.id">
                      <template slot="title">
                        <Icon :type="third.icon" />
                        {{third.title}}
                      </template>
                      <!-- 第四级 -->
                      <template v-for="(fourth) in third.children">
                        <MenuItem :name="fourth.id" :key="fourth.id">
                          <Icon :type="fourth.icon" />
                          {{fourth.title}}
                        </MenuItem>
                      </template>
                    </Submenu>
                    <MenuItem v-else :name="third.id" :key="third.id">
                      <Icon :type="third.icon" />
                      {{third.title}}
                    </MenuItem>
                  </template>
                </Submenu>
                <MenuItem v-else :name="children.id" :key="children.id">
                  <Icon :type="children.icon" />
                  {{children.title}}
                </MenuItem>
              </template>
          </Submenu>
          <MenuItem v-else :name="item.id" :key="item.id">
            <Icon :type="item.icon" />
            {{item.title}}
          </MenuItem>
        </template>
        </Menu>