修改模块注册方式

package.json

 {
   "name": "rym-element-ui",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "description": "任意门组件库",
   "main": "lib/rymUi.common.js",
   "scripts": {

src/components/Sidebar/Sidebar.vue

@@ -20,13 +20,6 @@
 import Vue from 'vue';
 import SidebarItem from './SidebarItem';
 import ScrollBar from '@/components/ScrollBar';
-import { Menu, MenuItem, Submenu } from 'element-ui';
-import ImgIcon from '../ImgIcon/ImgIcon';
-// import { constantRouterMap } from "../../../../router/index.js";
-Vue.component(Menu.name, Menu);
-Vue.component(Submenu.name, Submenu);
-Vue.component(MenuItem.name, MenuItem);
-Vue.component(ImgIcon.name, ImgIcon);
 
 export default {
   name: 'sidebar-nav',
@@ -259,4 +252,3 @@ export default {
   }
 }
 </style>
-

src/components/Sidebar/SidebarItem.vue

@@ -2,16 +2,16 @@
   <div class="menu-wrapper">
     <template v-for="item in routes">
       <el-submenu
-        v-if="!item.hidden&&item.children"
-        :index="item.name||item.path"
+        v-if="!item.hidden && item.children"
+        :index="item.name || item.path"
         :key="item.name"
       >
         <template slot="title">
           <img-icon
-            v-if="item.meta&&item.meta.icon"
+            v-if="item.meta && item.meta.icon"
             :iconName="item.meta.icon"
           ></img-icon>
-          <span v-if="item.meta&&item.meta.title">{{item.meta.title}}</span>
+          <span v-if="item.meta && item.meta.title">{{ item.meta.title }}</span>
         </template>
 
         <template v-for="child in item.children">
@@ -19,35 +19,29 @@
             <sidebar-item
               :is-nest="true"
               class="nest-menu"
-              v-if="child.children&&child.children.length>0"
+              v-if="child.children && child.children.length > 0"
               :routes="[child]"
               :key="child.path"
             ></sidebar-item>
 
-            <router-link
-              v-else
-              :to="child.path"
-              :key="child.name"
-            >
+            <router-link v-else :to="child.path" :key="child.name">
               <el-menu-item :index="child.path">
-                <span v-if="child.meta&&child.meta.title">{{child.meta.title}}</span>
+                <span v-if="child.meta && child.meta.title">{{
+                  child.meta.title
+                }}</span>
                 <span class="menu-arrow"></span>
               </el-menu-item>
             </router-link>
           </template>
         </template>
       </el-submenu>
-      <router-link
-        v-else-if="!item.hidden"
-        :key="item.name"
-        :to="item.path"
-      >
+      <router-link v-else-if="!item.hidden" :key="item.name" :to="item.path">
         <el-menu-item :index="item.path">
           <img-icon
-            v-if="item.meta&&item.meta.icon"
+            v-if="item.meta && item.meta.icon"
             :iconName="item.meta.icon"
           ></img-icon>
-          <span v-if="item.meta&&item.meta.title">{{item.meta.title}}</span>
+          <span v-if="item.meta && item.meta.title">{{ item.meta.title }}</span>
           <span class="menu-arrow"></span>
         </el-menu-item>
       </router-link>
@@ -56,8 +50,13 @@
 </template>
 
 <script>
+import ImgIcon from '../ImgIcon/ImgIcon';
+
 export default {
   name: 'SidebarItem',
+  components: {
+    [ImgIcon.name]: ImgIcon,
+  },
   props: {
     routes: {
       type: Array,