Explorar el Código

Complete readme.md

lin-xin hace 9 años
padre
commit
4bbcdc8566
Se han modificado 2 ficheros con 32 adiciones y 6 borrados
  1. 26 0
      README.md
  2. 6 6
      src/router/index.js

+ 26 - 0
README.md

@@ -250,3 +250,29 @@ Vue.js的Markdown Editor组件。访问地址:[Vue-SimpleMDE](https://github.c
 ```
 
 ## 其他注意事项 ##
+如果我不想用到上面的某些组件呢,那我怎么在模板中删除掉不影响到其他功能呢?
+
+举个栗子,我不想用 vue-datasource 这个组件,那我需要分四步走。
+
+第一步:删除该组件的路由,在目录 src/router/index.js 中,找到引入改组件的路由,删除下面这段代码。
+
+```JavaScript
+{
+    path: '/vuetable',
+    component: resolve => require(['../components/page/VueTable.vue'], resolve)     // vue-datasource组件
+},
+```
+
+第二步:删除引入该组件的文件。在目录 src/components/page/ 删除 VueTable.vue 文件。
+
+第三步:删除该页面的入口。在目录 src/components/common/Sidebar.vue 中,找到该入口,删除下面这段代码。
+	
+```HTML
+<el-menu-item index="vuetable">Vue表格组件</el-menu-item>
+```
+
+第四步:卸载该组件。执行以下命令:
+	
+	npm un vue-datasource -S
+
+完成。

+ 6 - 6
src/router/index.js

@@ -23,7 +23,7 @@ export default new Router({
                 },
                 {
                     path: '/vuetable',
-                    component: resolve => require(['../components/page/VueTable.vue'], resolve)
+                    component: resolve => require(['../components/page/VueTable.vue'], resolve)     // vue-datasource组件
                 },
                 {
                     path: '/baseform',
@@ -31,23 +31,23 @@ export default new Router({
                 },
                 {
                     path: '/vueeditor',
-                    component: resolve => require(['../components/page/VueEditor.vue'], resolve)
+                    component: resolve => require(['../components/page/VueEditor.vue'], resolve)    // Vue-Quill-Editor组件
                 },
                 {
                     path: '/markdown',
-                    component: resolve => require(['../components/page/Markdown.vue'], resolve)
+                    component: resolve => require(['../components/page/Markdown.vue'], resolve)     // Vue-Quill-Editor组件
                 },
                 {
                     path: '/upload',
-                    component: resolve => require(['../components/page/Upload.vue'], resolve)
+                    component: resolve => require(['../components/page/Upload.vue'], resolve)       // Vue-Core-Image-Upload组件
                 },
                 {
                     path: '/basecharts',
-                    component: resolve => require(['../components/page/BaseCharts.vue'], resolve)
+                    component: resolve => require(['../components/page/BaseCharts.vue'], resolve)   // vue-echarts-v3组件
                 },
                 {
                     path: '/mixcharts',
-                    component: resolve => require(['../components/page/MixCharts.vue'], resolve)
+                    component: resolve => require(['../components/page/MixCharts.vue'], resolve)    // vue-echarts-v3组件
                 }
             ]
         },