diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index 71567a40..4ecb0714 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -87,7 +87,8 @@ function sideBarComponents (title) {
         'icon-select',
         'icon-svg',
         'icon',
-        'markdown'
+        'markdown',
+        'locally-valid'
       ]
     }
   ]
diff --git a/docs/zh/components/locally-valid.md b/docs/zh/components/locally-valid.md
new file mode 100644
index 00000000..36170eca
--- /dev/null
+++ b/docs/zh/components/locally-valid.md
@@ -0,0 +1,9 @@
+# 局部组件
+
+局部组件是指在某个组件内注册的组件，它一般只在一个地方用到，全局无法访问
+
+## dd-menu
+
+::: tip 出现位置
+src/components/core/MainLayout/components/SideMenu/index.vue
+:::
\ 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/ddMenus.vue
index a55dff2b..2bb50d12 100644
--- a/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
+++ b/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
@@ -1,25 +1,24 @@
 <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="1">
+    <!-- 有子元素 -->
+    <el-submenu v-else :index="menu.path">
       <template slot="title">
         <i :class="`fa fa-${menu.icon}`"></i>
         <span slot="title">{{menu.title}}</span>
       </template>
-      <el-menu-item :index="menu.path">
-        <i :class="`fa fa-${menu.icon}`"></i>
-        <span slot="title">{{menu.title}}</span>
-      </el-menu-item>
+      <dd-menus v-for="(child, childIndex) in menu.children" :menu="child" :key="childIndex"/>
     </el-submenu>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'menus',
+  name: 'dd-menus',
   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 4b850301..e82acc4a 100644
--- a/src/components/core/MainLayout/components/SideMenu/index.vue
+++ b/src/components/core/MainLayout/components/SideMenu/index.vue
@@ -4,9 +4,7 @@
       :collapse="collapse"
       :unique-opened="true"
       :router="true">
-      <template v-for="(menu, menuIndex) in menus">
-        <dd-menus :menu="menu" :key="menuIndex"/>
-      </template>
+      <dd-menus 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">
       没有菜单
@@ -40,9 +38,26 @@ export default {
           icon: 'plus',
           children: [
             {
-              path: '/a',
+              path: '/c-1',
               title: 'menu-a',
               icon: 'plus'
+            },
+            {
+              path: '/c',
+              title: 'menu-a',
+              icon: 'plus',
+              children: [
+                {
+                  path: '/d',
+                  title: 'menu-a',
+                  icon: 'plus'
+                },
+                {
+                  path: '/d',
+                  title: 'menu-a',
+                  icon: 'plus'
+                }
+              ]
             }
           ]
         }