diff --git a/README.md b/README.md index 5eafd5d..8c7e7ab 100644 --- a/README.md +++ b/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 +Vue表格组件 +``` + +第四步:卸载该组件。执行以下命令: + + npm un vue-datasource -S + +完成。 \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index 1d9c7e4..bc21a26 100644 --- a/src/router/index.js +++ b/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组件 } ] },