diff --git a/docs/zh/components/locally-valid.md b/docs/zh/components/locally-valid.md
index 36170eca..6db777f4 100644
--- a/docs/zh/components/locally-valid.md
+++ b/docs/zh/components/locally-valid.md
@@ -6,4 +6,6 @@
 
 ::: tip 出现位置
 src/components/core/MainLayout/components/SideMenu/index.vue
-:::
\ No newline at end of file
+:::
+
+该组件会根据数据选择渲染 `<el-menu-item>` 或者 `<el-submenu>` 结构，并且在 `<el-submenu>` 中再次根据数据类型递归自身，最终生成 elementUI 的菜单组件结构，支持嵌套多级
\ No newline at end of file
diff --git a/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue b/src/components/core/MainLayout/components/SideMenu/components/ddMenu.vue
similarity index 76%
rename from src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
rename to src/components/core/MainLayout/components/SideMenu/components/ddMenu.vue
index 2bb50d12..75827b65 100644
--- a/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
+++ b/src/components/core/MainLayout/components/SideMenu/components/ddMenu.vue
@@ -1,24 +1,22 @@
 <template>
   <div>
-    <!-- 没有子元素 -->
     <el-menu-item v-if="menu.children === undefined" :index="menu.path">
       <i :class="`fa fa-${menu.icon}`"></i>
       <span slot="title">{{menu.title}}</span>
     </el-menu-item>
-    <!-- 有子元素 -->
     <el-submenu v-else :index="menu.path">
       <template slot="title">
         <i :class="`fa fa-${menu.icon}`"></i>
         <span slot="title">{{menu.title}}</span>
       </template>
-      <dd-menus v-for="(child, childIndex) in menu.children" :menu="child" :key="childIndex"/>
+      <dd-menu v-for="(child, childIndex) in menu.children" :menu="child" :key="childIndex"/>
     </el-submenu>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'dd-menus',
+  name: 'dd-menu',
   props: {
     menu: {
       require: false,
diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue
index e82acc4a..70d6774f 100644
--- a/src/components/core/MainLayout/components/SideMenu/index.vue
+++ b/src/components/core/MainLayout/components/SideMenu/index.vue
@@ -4,7 +4,7 @@
       :collapse="collapse"
       :unique-opened="true"
       :router="true">
-      <dd-menus v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
+      <dd-menu v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
     </el-menu>
     <!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
       没有菜单
@@ -22,7 +22,7 @@ export default {
     }
   },
   components: {
-    ddMenus: () => import('./components/ddMenus.vue')
+    ddMenu: () => import('./components/ddMenu.vue')
   },
   data () {
     return {