diff --git a/packages/menu/src/menu-item-group.vue b/packages/menu/src/menu-item-group.vue
index 80d8903ac..23d9d8a2b 100644
--- a/packages/menu/src/menu-item-group.vue
+++ b/packages/menu/src/menu-item-group.vue
@@ -1,5 +1,16 @@
+<template>
+  <li class="el-menu-item-group">
+    <div class="el-menu-item-group__title" :style="{paddingLeft: levelPadding + 'px'}">
+      <template v-if="!$slots.title">{{title}}</template>
+      <slot v-else name="title"></slot>
+    </div>
+    <ul>
+      <slot></slot>
+    </ul>
+  </li>
+</template>
 <script>
-  module.exports = {
+  export default {
     name: 'ElMenuItemGroup',
 
     componentName: 'ElMenuItemGroup',
@@ -31,14 +42,3 @@
   };
 </script>
 
-<template>
-  <li class="el-menu-item-group">
-    <div class="el-menu-item-group__title" :style="{paddingLeft: levelPadding + 'px'}">
-      <template v-if="!$slots.title">{{title}}</template>
-      <slot v-else name="title"></slot>
-    </div>
-    <ul>
-      <slot></slot>
-    </ul>
-  </li>
-</template>
diff --git a/packages/menu/src/menu-item.vue b/packages/menu/src/menu-item.vue
index f76fd6adc..99200df8a 100644
--- a/packages/menu/src/menu-item.vue
+++ b/packages/menu/src/menu-item.vue
@@ -13,7 +13,7 @@
   import Menu from './menu-mixin';
   import Emitter from 'element-ui/src/mixins/emitter';
 
-  module.exports = {
+  export default {
     name: 'ElMenuItem',
 
     componentName: 'ElMenuItem',
diff --git a/packages/menu/src/menu-mixin.js b/packages/menu/src/menu-mixin.js
index b42e2eafc..3c13b0c78 100644
--- a/packages/menu/src/menu-mixin.js
+++ b/packages/menu/src/menu-mixin.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   computed: {
     indexPath() {
       var path = [this.index];
diff --git a/packages/menu/src/submenu.vue b/packages/menu/src/submenu.vue
index 4737940e5..719fdf030 100644
--- a/packages/menu/src/submenu.vue
+++ b/packages/menu/src/submenu.vue
@@ -30,7 +30,7 @@
   import Emitter from 'element-ui/src/mixins/emitter';
   import CollapseTransition from 'element-ui/src/transitions/collapse-transition';
 
-  module.exports = {
+  export default {
     name: 'ElSubmenu',
 
     componentName: 'ElSubmenu',
diff --git a/packages/tabs/src/tab-pane.vue b/packages/tabs/src/tab-pane.vue
index 3af89f695..27e4500fa 100644
--- a/packages/tabs/src/tab-pane.vue
+++ b/packages/tabs/src/tab-pane.vue
@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-  module.exports = {
+  export default {
     name: 'ElTabPane',
 
     componentName: 'ElTabPane',
diff --git a/packages/tabs/src/tabs.vue b/packages/tabs/src/tabs.vue
index 681ed216c..73e0e432e 100644
--- a/packages/tabs/src/tabs.vue
+++ b/packages/tabs/src/tabs.vue
@@ -1,7 +1,7 @@
 <script>
   import TabNav from './tab-nav';
 
-  module.exports = {
+  export default {
     name: 'ElTabs',
 
     components: {