diff --git a/packages/divider/doc/basic.vue b/packages/divider/doc/basic.vue
index b7c449064f..37a0a9118a 100644
--- a/packages/divider/doc/basic.vue
+++ b/packages/divider/doc/basic.vue
@@ -14,14 +14,17 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from 'vue'
+
+export default defineComponent({
   name: 'Basic',
-  methods: {
-    handleClick() {
-      alert('click')
-    },
+  setup(props, ctx) {
+    const handleClick = () => alert('click')
+    return {
+      handleClick,
+    }
   },
-}
+})
 </script>
 
 <style scoped>
diff --git a/packages/divider/src/index.vue b/packages/divider/src/index.vue
index ea884de30d..cd067926c3 100644
--- a/packages/divider/src/index.vue
+++ b/packages/divider/src/index.vue
@@ -13,7 +13,14 @@
 </template>
 
 <script lang="ts">
-export default {
+import { defineComponent } from 'vue'
+
+interface IDividerProps {
+  direction: string,
+  contentPosition: string
+}
+
+export default defineComponent({
   name: 'ElDivider',
   props: {
     direction: {
@@ -31,5 +38,5 @@ export default {
       },
     },
   },
-}
+})
 </script>