diff --git a/src/pages/demo/plugins/tableExport/data/index.js b/src/pages/demo/plugins/tableExport/data/index.js
new file mode 100644
index 00000000..39ea90b8
--- /dev/null
+++ b/src/pages/demo/plugins/tableExport/data/index.js
@@ -0,0 +1,20 @@
+import Mock from 'mockjs'
+
+const mockData = Mock.mock({
+  'data|4-10': [{
+    'id|+1': 1,
+    'name': '@CNAME',
+    'delFlag|1': [0, 1],
+    'creatDate': '@DATE',
+    'address': '@CITY',
+    'zip': '@ZIP'
+  }]
+})
+
+export default {
+  data: mockData.data,
+  columns: Object.keys(mockData.data[0]).map(e => ({
+    label: e,
+    prop: e
+  }))
+}
diff --git a/src/pages/demo/plugins/tableExport/demo.vue b/src/pages/demo/plugins/tableExport/demo.vue
index 8b218131..e764f249 100644
--- a/src/pages/demo/plugins/tableExport/demo.vue
+++ b/src/pages/demo/plugins/tableExport/demo.vue
@@ -16,51 +16,18 @@
 </template>
 
 <script>
-import Mock from 'mockjs'
+import table from './data'
 export default {
   data () {
     return {
       table: {
-        columns: [],
-        data: [],
+        columns: table.columns,
+        data: table.data,
         size: 'mini',
         stripe: true,
         border: true
       }
     }
-  },
-  created () {
-    this.loadTableData()
-  },
-  methods: {
-    // ajax () {
-    //   this.$axios.get('/api/demo/001')
-    //   .then(res => {
-    //     this.table.columns = Object.keys(res.list[0]).map(e => ({
-    //       label: e,
-    //       prop: e
-    //     }))
-    //     this.table.data = res.list
-    //   })
-    // }
-    // 载入表格数据
-    loadTableData () {
-      const mockTableData = Mock.mock({
-        'list|4-10': [{
-          'id|+1': 1,
-          'name': '@CNAME',
-          'delFlag|1': [0, 1],
-          'creatDate': '@DATE',
-          'address': '@CITY',
-          'zip': '@ZIP'
-        }]
-      })
-      this.table.columns = Object.keys(mockTableData.list[0]).map(e => ({
-        label: e,
-        prop: e
-      }))
-      this.table.data = mockTableData.list
-    }
   }
 }
 </script>