diff --git a/src/directive/waves/index.js b/src/directive/waves/index.js
new file mode 100644
index 00000000..65f9b308
--- /dev/null
+++ b/src/directive/waves/index.js
@@ -0,0 +1,13 @@
+import waves from './waves'
+
+const install = function(Vue) {
+  Vue.directive('waves', waves)
+}
+
+if (window.Vue) {
+  window.waves = waves
+  Vue.use(install); // eslint-disable-line
+}
+
+waves.install = install
+export default waves
diff --git a/src/directive/waves.css b/src/directive/waves/waves.css
similarity index 100%
rename from src/directive/waves.css
rename to src/directive/waves/waves.css
diff --git a/src/directive/waves.js b/src/directive/waves/waves.js
similarity index 100%
rename from src/directive/waves.js
rename to src/directive/waves/waves.js
diff --git a/src/views/components/mixin.vue b/src/views/components/mixin.vue
index 4a799140..5f450c91 100644
--- a/src/views/components/mixin.vue
+++ b/src/views/components/mixin.vue
@@ -26,7 +26,7 @@
 <script>
 import PanThumb from '@/components/PanThumb'
 import MdInput from '@/components/MDinput'
-import waves from '@/directive/waves.js' // 水波纹指令
+import waves from '@/directive/waves/index.js' // 水波纹指令
 
 export default {
   components: {
diff --git a/src/views/example/table/table.vue b/src/views/example/table/table.vue
index 3b7b8db4..276c68e4 100644
--- a/src/views/example/table/table.vue
+++ b/src/views/example/table/table.vue
@@ -151,7 +151,7 @@
 
 <script>
 import { fetchList, fetchPv } from '@/api/article'
-import waves from '@/directive/waves.js'// 水波纹指令
+import waves from '@/directive/waves/index.js' // 水波纹指令
 import { parseTime } from '@/utils'
 
 const calendarTypeOptions = [