diff --git a/src/components/BackToTop/index.vue b/src/components/BackToTop/index.vue
index 39977178..12ea3ea8 100644
--- a/src/components/BackToTop/index.vue
+++ b/src/components/BackToTop/index.vue
@@ -42,7 +42,7 @@ export default {
       default: 'fade'
     }
   },
-  data() {
+  data: function() {
     return {
       visible: false,
       interval: null,
diff --git a/src/components/Breadcrumb/index.vue b/src/components/Breadcrumb/index.vue
index 5f4d054f..a4e171df 100644
--- a/src/components/Breadcrumb/index.vue
+++ b/src/components/Breadcrumb/index.vue
@@ -15,7 +15,7 @@ import { generateTitle } from '@/utils/i18n'
 import pathToRegexp from 'path-to-regexp'
 
 export default {
-  data() {
+  data: function() {
     return {
       levelList: null
     }
diff --git a/src/components/Charts/keyboard.vue b/src/components/Charts/keyboard.vue
index 857b26ae..fd116904 100644
--- a/src/components/Charts/keyboard.vue
+++ b/src/components/Charts/keyboard.vue
@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/components/Charts/lineMarker.vue b/src/components/Charts/lineMarker.vue
index 5d41b022..fb6f7ec5 100644
--- a/src/components/Charts/lineMarker.vue
+++ b/src/components/Charts/lineMarker.vue
@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/components/Charts/mixChart.vue b/src/components/Charts/mixChart.vue
index a8e271ca..b7397032 100644
--- a/src/components/Charts/mixChart.vue
+++ b/src/components/Charts/mixChart.vue
@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/components/Charts/mixins/resize.js b/src/components/Charts/mixins/resize.js
index c4c432f4..cc7b8399 100644
--- a/src/components/Charts/mixins/resize.js
+++ b/src/components/Charts/mixins/resize.js
@@ -1,7 +1,7 @@
 import { debounce } from '@/utils'
 
 export default {
-  data() {
+  data: function() {
     return {
       sidebarElm: null
     }
diff --git a/src/components/Dropzone/index.vue b/src/components/Dropzone/index.vue
index 15d811d9..187f7f70 100644
--- a/src/components/Dropzone/index.vue
+++ b/src/components/Dropzone/index.vue
@@ -70,7 +70,7 @@ export default {
       default: false
     }
   },
-  data() {
+  data: function() {
     return {
       dropzone: '',
       initOnce: true
diff --git a/src/components/ErrorLog/index.vue b/src/components/ErrorLog/index.vue
index c46cf110..793d4e24 100644
--- a/src/components/ErrorLog/index.vue
+++ b/src/components/ErrorLog/index.vue
@@ -40,7 +40,7 @@
 <script>
 export default {
   name: 'ErrorLog',
-  data() {
+  data: function() {
     return {
       dialogTableVisible: false
     }
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index ab0d556a..fdee688a 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -23,7 +23,7 @@ import i18n from '@/lang'
 
 export default {
   name: 'HeaderSearch',
-  data() {
+  data: function() {
     return {
       search: '',
       options: [],
diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
index 04b1ede9..007c12aa 100644
--- a/src/components/ImageCropper/index.vue
+++ b/src/components/ImageCropper/index.vue
@@ -195,7 +195,7 @@ export default {
       'default': false
     }
   },
-  data() {
+  data: function() {
     const that = this
     const {
       imgFormat,
diff --git a/src/components/JsonEditor/index.vue b/src/components/JsonEditor/index.vue
index d68b8c05..b44a4a2c 100644
--- a/src/components/JsonEditor/index.vue
+++ b/src/components/JsonEditor/index.vue
@@ -18,7 +18,7 @@ export default {
   name: 'JsonEditor',
   /* eslint-disable vue/require-prop-types */
   props: ['value'],
-  data() {
+  data: function() {
     return {
       jsonEditor: false
     }
diff --git a/src/components/MDinput/index.vue b/src/components/MDinput/index.vue
index 7ede73db..3db8cfc3 100644
--- a/src/components/MDinput/index.vue
+++ b/src/components/MDinput/index.vue
@@ -138,7 +138,7 @@ export default {
       default: true
     }
   },
-  data() {
+  data: function() {
     return {
       currentValue: this.value,
       focus: false,
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
index 4a6d8b0f..7ae9fd40 100644
--- a/src/components/MarkdownEditor/index.vue
+++ b/src/components/MarkdownEditor/index.vue
@@ -46,7 +46,7 @@ export default {
       default: 'en_US' // https://github.com/nhnent/tui.editor/tree/master/src/js/langs
     }
   },
-  data() {
+  data: function() {
     return {
       editor: null
     }
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index 479bf3e3..f3951229 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -9,7 +9,7 @@ import screenfull from 'screenfull'
 
 export default {
   name: 'Screenfull',
-  data() {
+  data: function() {
     return {
       isFullscreen: false
     }
diff --git a/src/components/ScrollPane/index.vue b/src/components/ScrollPane/index.vue
index 172afccc..3e8375e3 100644
--- a/src/components/ScrollPane/index.vue
+++ b/src/components/ScrollPane/index.vue
@@ -9,7 +9,7 @@ const tagAndTagSpacing = 4 // tagAndTagSpacing
 
 export default {
   name: 'ScrollPane',
-  data() {
+  data: function() {
     return {
       left: 0
     }
diff --git a/src/components/Share/dropdownMenu.vue b/src/components/Share/dropdownMenu.vue
index f7b1dd2c..8b78e7bd 100644
--- a/src/components/Share/dropdownMenu.vue
+++ b/src/components/Share/dropdownMenu.vue
@@ -24,7 +24,7 @@ export default {
       default: 'vue'
     }
   },
-  data() {
+  data: function() {
     return {
       isActive: false
     }
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index 6d3cd43a..3527a768 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  data() {
+  data: function() {
     return {
       sizeOptions: [
         { label: 'Default', value: 'default' },
diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue
index 5624a989..3e4ce8e4 100644
--- a/src/components/Sticky/index.vue
+++ b/src/components/Sticky/index.vue
@@ -25,7 +25,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       active: false,
       position: '',
diff --git a/src/components/ThemePicker/index.vue b/src/components/ThemePicker/index.vue
index 332b07e7..ff6fbf21 100644
--- a/src/components/ThemePicker/index.vue
+++ b/src/components/ThemePicker/index.vue
@@ -11,7 +11,7 @@ const version = require('element-ui/package.json').version // element-ui version
 const ORIGINAL_THEME = '#409EFF' // default color
 
 export default {
-  data() {
+  data: function() {
     return {
       chalk: '', // content of theme-chalk css
       theme: ORIGINAL_THEME
diff --git a/src/components/Tinymce/components/editorImage.vue b/src/components/Tinymce/components/editorImage.vue
index bcd82099..93b211d0 100644
--- a/src/components/Tinymce/components/editorImage.vue
+++ b/src/components/Tinymce/components/editorImage.vue
@@ -32,7 +32,7 @@ export default {
       default: '#1890ff'
     }
   },
-  data() {
+  data: function() {
     return {
       dialogVisible: false,
       listObj: {},
diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue
index ce0fe6a9..d9f81acc 100644
--- a/src/components/Tinymce/index.vue
+++ b/src/components/Tinymce/index.vue
@@ -43,7 +43,7 @@ export default {
       default: 360
     }
   },
-  data() {
+  data: function() {
     return {
       hasChange: false,
       hasInit: false,
diff --git a/src/components/Upload/singleImage.vue b/src/components/Upload/singleImage.vue
index 291e4cf1..89a1bfa4 100644
--- a/src/components/Upload/singleImage.vue
+++ b/src/components/Upload/singleImage.vue
@@ -34,7 +34,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }
diff --git a/src/components/Upload/singleImage2.vue b/src/components/Upload/singleImage2.vue
index cf4dc0b7..96c4402b 100644
--- a/src/components/Upload/singleImage2.vue
+++ b/src/components/Upload/singleImage2.vue
@@ -33,7 +33,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }
diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/singleImage3.vue
index 2cce98da..efa5b2d2 100644
--- a/src/components/Upload/singleImage3.vue
+++ b/src/components/Upload/singleImage3.vue
@@ -41,7 +41,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }
diff --git a/src/components/UploadExcel/index.vue b/src/components/UploadExcel/index.vue
index a6b8dbce..1d07ebf3 100644
--- a/src/components/UploadExcel/index.vue
+++ b/src/components/UploadExcel/index.vue
@@ -16,7 +16,7 @@ export default {
     beforeUpload: Function, // eslint-disable-line
     onSuccess: Function// eslint-disable-line
   },
-  data() {
+  data: function() {
     return {
       loading: false,
       excelData: {
diff --git a/src/views/clipboard/index.vue b/src/views/clipboard/index.vue
index 607dfb66..0801e345 100644
--- a/src/views/clipboard/index.vue
+++ b/src/views/clipboard/index.vue
@@ -22,7 +22,7 @@ export default {
   directives: {
     clipboard
   },
-  data() {
+  data: function() {
     return {
       activeName: 'directly',
       inputData: 'https://github.com/PanJiaChen/vue-element-admin'
diff --git a/src/views/components-demo/avatarUpload.vue b/src/views/components-demo/avatarUpload.vue
index 144448ce..3b66b7ba 100644
--- a/src/views/components-demo/avatarUpload.vue
+++ b/src/views/components-demo/avatarUpload.vue
@@ -29,7 +29,7 @@ import PanThumb from '@/components/PanThumb'
 export default {
   name: 'AvatarUploadDemo',
   components: { ImageCropper, PanThumb },
-  data() {
+  data: function() {
     return {
       imagecropperShow: false,
       imagecropperKey: 0,
diff --git a/src/views/components-demo/backToTop.vue b/src/views/components-demo/backToTop.vue
index 83a5529b..a3aba9b4 100644
--- a/src/views/components-demo/backToTop.vue
+++ b/src/views/components-demo/backToTop.vue
@@ -127,7 +127,7 @@ import BackToTop from '@/components/BackToTop'
 export default {
   name: 'BackToTopDemo',
   components: { BackToTop },
-  data() {
+  data: function() {
     return {
       myBackToTopStyle: {
         right: '50px',
diff --git a/src/views/components-demo/countTo.vue b/src/views/components-demo/countTo.vue
index 7044a5d2..f547297c 100644
--- a/src/views/components-demo/countTo.vue
+++ b/src/views/components-demo/countTo.vue
@@ -52,7 +52,7 @@ import countTo from 'vue-count-to'
 export default {
   name: 'CountToDemo',
   components: { countTo },
-  data() {
+  data: function() {
     return {
       setStartVal: 0,
       setEndVal: 2017,
diff --git a/src/views/components-demo/dndList.vue b/src/views/components-demo/dndList.vue
index 9c8847a9..61bc102f 100644
--- a/src/views/components-demo/dndList.vue
+++ b/src/views/components-demo/dndList.vue
@@ -16,7 +16,7 @@ import { fetchList } from '@/api/article'
 export default {
   name: 'DndListDemo',
   components: { DndList },
-  data() {
+  data: function() {
     return {
       list1: [],
       list2: []
diff --git a/src/views/components-demo/dragDialog.vue b/src/views/components-demo/dragDialog.vue
index 0a023f90..9d9c678e 100644
--- a/src/views/components-demo/dragDialog.vue
+++ b/src/views/components-demo/dragDialog.vue
@@ -20,7 +20,7 @@ import elDragDialog from '@/directive/el-dragDialog' // base on element-ui
 export default {
   name: 'DragDialogDemo',
   directives: { elDragDialog },
-  data() {
+  data: function() {
     return {
       dialogTableVisible: false,
       options: [
diff --git a/src/views/components-demo/dragKanban.vue b/src/views/components-demo/dragKanban.vue
index 4353fb1e..a68096c6 100644
--- a/src/views/components-demo/dragKanban.vue
+++ b/src/views/components-demo/dragKanban.vue
@@ -13,7 +13,7 @@ export default {
   components: {
     Kanban
   },
-  data() {
+  data: function() {
     return {
       options: {
         group: 'mission'
diff --git a/src/views/components-demo/dragSelect.vue b/src/views/components-demo/dragSelect.vue
index 559e8a57..c8ebd13c 100644
--- a/src/views/components-demo/dragSelect.vue
+++ b/src/views/components-demo/dragSelect.vue
@@ -18,7 +18,7 @@ import ElDragSelect from '@/components/DragSelect' // base on element-ui
 export default {
   name: 'DragSelectDemo',
   components: { ElDragSelect },
-  data() {
+  data: function() {
     return {
       value: ['Apple', 'Banana', 'Orange'],
       options: [{
diff --git a/src/views/components-demo/jsonEditor.vue b/src/views/components-demo/jsonEditor.vue
index cff3780c..8d300401 100644
--- a/src/views/components-demo/jsonEditor.vue
+++ b/src/views/components-demo/jsonEditor.vue
@@ -15,7 +15,7 @@ const jsonData = '[{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"mar
 export default {
   name: 'JsonEditorDemo',
   components: { JsonEditor },
-  data() {
+  data: function() {
     return {
       value: JSON.parse(jsonData)
     }
diff --git a/src/views/components-demo/markdown.vue b/src/views/components-demo/markdown.vue
index de2e817e..7217ba2d 100644
--- a/src/views/components-demo/markdown.vue
+++ b/src/views/components-demo/markdown.vue
@@ -52,7 +52,7 @@ const content = `
 export default {
   name: 'MarkdownDemo',
   components: { MarkdownEditor },
-  data() {
+  data: function() {
     return {
       content: content,
       html: '',
diff --git a/src/views/components-demo/mixin.vue b/src/views/components-demo/mixin.vue
index 99b62468..63a0f5e2 100644
--- a/src/views/components-demo/mixin.vue
+++ b/src/views/components-demo/mixin.vue
@@ -114,7 +114,7 @@ export default {
   directives: {
     waves
   },
-  data() {
+  data: function() {
     const validate = (rule, value, callback) => {
       if (value.length !== 6) {
         callback(new Error('请输入六个字符'))
diff --git a/src/views/components-demo/sticky.vue b/src/views/components-demo/sticky.vue
index 65cfb091..0fa47126 100644
--- a/src/views/components-demo/sticky.vue
+++ b/src/views/components-demo/sticky.vue
@@ -97,7 +97,7 @@ import Sticky from '@/components/Sticky'
 export default {
   name: 'StickyDemo',
   components: { Sticky },
-  data() {
+  data: function() {
     return {
       time: '',
       url: '',
diff --git a/src/views/components-demo/tinymce.vue b/src/views/components-demo/tinymce.vue
index c7a94694..7612e116 100644
--- a/src/views/components-demo/tinymce.vue
+++ b/src/views/components-demo/tinymce.vue
@@ -17,7 +17,7 @@ import Tinymce from '@/components/Tinymce'
 export default {
   name: 'TinymceDemo',
   components: { Tinymce },
-  data() {
+  data: function() {
     return {
       content:
       `<h1 style="text-align: center;">Welcome to the TinyMCE demo!</h1><p style="text-align: center; font-size: 15px;"><img title="TinyMCE Logo" src="//www.tinymce.com/images/glyph-tinymce@2x.png" alt="TinyMCE Logo" width="110" height="97" /><ul>
diff --git a/src/views/dashboard/admin/components/BarChart.vue b/src/views/dashboard/admin/components/BarChart.vue
index 28e0aef9..cf75dfb2 100644
--- a/src/views/dashboard/admin/components/BarChart.vue
+++ b/src/views/dashboard/admin/components/BarChart.vue
@@ -24,7 +24,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/views/dashboard/admin/components/BoxCard.vue b/src/views/dashboard/admin/components/BoxCard.vue
index 0e4d1e27..76c7f452 100644
--- a/src/views/dashboard/admin/components/BoxCard.vue
+++ b/src/views/dashboard/admin/components/BoxCard.vue
@@ -43,7 +43,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       statisticsData: {
         article_count: 1024,
diff --git a/src/views/dashboard/admin/components/LineChart.vue b/src/views/dashboard/admin/components/LineChart.vue
index dfd121e5..0043d21b 100644
--- a/src/views/dashboard/admin/components/LineChart.vue
+++ b/src/views/dashboard/admin/components/LineChart.vue
@@ -30,7 +30,7 @@ export default {
       required: true
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null,
       sidebarElm: null
diff --git a/src/views/dashboard/admin/components/PieChart.vue b/src/views/dashboard/admin/components/PieChart.vue
index edb17d54..f0c8e6f3 100644
--- a/src/views/dashboard/admin/components/PieChart.vue
+++ b/src/views/dashboard/admin/components/PieChart.vue
@@ -22,7 +22,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/views/dashboard/admin/components/RaddarChart.vue b/src/views/dashboard/admin/components/RaddarChart.vue
index 11fde329..40fc7067 100644
--- a/src/views/dashboard/admin/components/RaddarChart.vue
+++ b/src/views/dashboard/admin/components/RaddarChart.vue
@@ -24,7 +24,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }
diff --git a/src/views/dashboard/admin/components/TodoList/Todo.vue b/src/views/dashboard/admin/components/TodoList/Todo.vue
index 9f5a6bb2..bfc98339 100644
--- a/src/views/dashboard/admin/components/TodoList/Todo.vue
+++ b/src/views/dashboard/admin/components/TodoList/Todo.vue
@@ -40,7 +40,7 @@ export default {
       }
     }
   },
-  data() {
+  data: function() {
     return {
       editing: false
     }
diff --git a/src/views/dashboard/admin/components/TodoList/index.vue b/src/views/dashboard/admin/components/TodoList/index.vue
index 5b840c65..1f59b2dc 100644
--- a/src/views/dashboard/admin/components/TodoList/index.vue
+++ b/src/views/dashboard/admin/components/TodoList/index.vue
@@ -61,7 +61,7 @@ export default {
     pluralize: (n, w) => n === 1 ? w : w + 's',
     capitalize: s => s.charAt(0).toUpperCase() + s.slice(1)
   },
-  data() {
+  data: function() {
     return {
       visibility: 'all',
       filters,
diff --git a/src/views/dashboard/admin/components/TransactionTable.vue b/src/views/dashboard/admin/components/TransactionTable.vue
index 07417523..459a98c1 100644
--- a/src/views/dashboard/admin/components/TransactionTable.vue
+++ b/src/views/dashboard/admin/components/TransactionTable.vue
@@ -34,7 +34,7 @@ export default {
       return str.substring(0, 30)
     }
   },
-  data() {
+  data: function() {
     return {
       list: null
     }
diff --git a/src/views/dashboard/admin/index.vue b/src/views/dashboard/admin/index.vue
index 1a79637a..2548bb3b 100644
--- a/src/views/dashboard/admin/index.vue
+++ b/src/views/dashboard/admin/index.vue
@@ -85,7 +85,7 @@ export default {
     TodoList,
     BoxCard
   },
-  data() {
+  data: function() {
     return {
       lineChartData: lineChartData.newVisitis
     }
diff --git a/src/views/dashboard/editor/index.vue b/src/views/dashboard/editor/index.vue
index ace11426..8ab25892 100644
--- a/src/views/dashboard/editor/index.vue
+++ b/src/views/dashboard/editor/index.vue
@@ -24,7 +24,7 @@ import GithubCorner from '@/components/GithubCorner'
 export default {
   name: 'DashboardEditor',
   components: { PanThumb, GithubCorner },
-  data() {
+  data: function() {
     return {
       emptyGif: 'https://wpimg.wallstcn.com/0e03b7da-db9e-4819-ba10-9016ddfdaed3'
     }
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 7011f6ad..ed83a01c 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -12,7 +12,7 @@ import editorDashboard from './editor'
 export default {
   name: 'Dashboard',
   components: { adminDashboard, editorDashboard },
-  data() {
+  data: function() {
     return {
       currentRole: 'adminDashboard'
     }
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
index 4c7afc9d..107929eb 100644
--- a/src/views/documentation/index.vue
+++ b/src/views/documentation/index.vue
@@ -12,7 +12,7 @@ import DropdownMenu from '@/components/Share/dropdownMenu'
 export default {
   name: 'Documentation',
   components: { DropdownMenu },
-  data() {
+  data: function() {
     return {
       articleList: [
         { title: '基础篇', href: 'https://juejin.im/post/59097cd7a22b9d0065fb61d2' },
diff --git a/src/views/errorPage/401.vue b/src/views/errorPage/401.vue
index 24420126..2901c942 100644
--- a/src/views/errorPage/401.vue
+++ b/src/views/errorPage/401.vue
@@ -31,7 +31,7 @@ import errGif from '@/assets/401_images/401.gif'
 
 export default {
   name: 'Page401',
-  data() {
+  data: function() {
     return {
       errGif: errGif + '?' + +new Date(),
       ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
index 129016d7..658dc16d 100644
--- a/src/views/example/components/ArticleDetail.vue
+++ b/src/views/example/components/ArticleDetail.vue
@@ -107,7 +107,7 @@ export default {
       default: false
     }
   },
-  data() {
+  data: function() {
     const validateRequire = (rule, value, callback) => {
       if (value === '') {
         this.$message({
diff --git a/src/views/example/components/Dropdown/Platform.vue b/src/views/example/components/Dropdown/Platform.vue
index fce5e4b3..4b18fa7c 100644
--- a/src/views/example/components/Dropdown/Platform.vue
+++ b/src/views/example/components/Dropdown/Platform.vue
@@ -23,7 +23,7 @@ export default {
       type: Array
     }
   },
-  data() {
+  data: function() {
     return {
       platformsOptions: [
         { key: 'a-platform', name: 'a-platform' },
diff --git a/src/views/example/list.vue b/src/views/example/list.vue
index 85ae4e43..4e41e065 100644
--- a/src/views/example/list.vue
+++ b/src/views/example/list.vue
@@ -72,7 +72,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       total: 0,
diff --git a/src/views/excel/components/BookTypeOption.vue b/src/views/excel/components/BookTypeOption.vue
index 9970b0e4..b3a54dde 100644
--- a/src/views/excel/components/BookTypeOption.vue
+++ b/src/views/excel/components/BookTypeOption.vue
@@ -19,7 +19,7 @@ export default {
       default: 'xlsx'
     }
   },
-  data() {
+  data: function() {
     return {
       options: ['xlsx', 'csv', 'txt']
     }
diff --git a/src/views/excel/exportExcel.vue b/src/views/excel/exportExcel.vue
index 551b89f8..af76ef25 100644
--- a/src/views/excel/exportExcel.vue
+++ b/src/views/excel/exportExcel.vue
@@ -55,7 +55,7 @@ import BookTypeOption from './components/BookTypeOption'
 export default {
   name: 'ExportExcel',
   components: { FilenameOption, AutoWidthOption, BookTypeOption },
-  data() {
+  data: function() {
     return {
       list: null,
       listLoading: true,
diff --git a/src/views/excel/selectExcel.vue b/src/views/excel/selectExcel.vue
index 2695bfb4..966391a9 100644
--- a/src/views/excel/selectExcel.vue
+++ b/src/views/excel/selectExcel.vue
@@ -51,7 +51,7 @@ import { fetchList } from '@/api/article'
 
 export default {
   name: 'SelectExcel',
-  data() {
+  data: function() {
     return {
       list: null,
       listLoading: true,
diff --git a/src/views/excel/uploadExcel.vue b/src/views/excel/uploadExcel.vue
index 4095e910..377a7fce 100644
--- a/src/views/excel/uploadExcel.vue
+++ b/src/views/excel/uploadExcel.vue
@@ -13,7 +13,7 @@ import UploadExcelComponent from '@/components/UploadExcel/index.vue'
 export default {
   name: 'UploadExcel',
   components: { UploadExcelComponent },
-  data() {
+  data: function() {
     return {
       tableData: [],
       tableHeader: []
diff --git a/src/views/guide/index.vue b/src/views/guide/index.vue
index 49502aef..9fc1eeb7 100644
--- a/src/views/guide/index.vue
+++ b/src/views/guide/index.vue
@@ -16,7 +16,7 @@ import steps from './defineSteps'
 
 export default {
   name: 'Guide',
-  data() {
+  data: function() {
     return {
       driver: null
     }
diff --git a/src/views/i18n-demo/index.vue b/src/views/i18n-demo/index.vue
index b5344c67..08861bca 100644
--- a/src/views/i18n-demo/index.vue
+++ b/src/views/i18n-demo/index.vue
@@ -55,7 +55,7 @@ const viewName = 'i18nView'
 
 export default {
   name: 'I18n',
-  data() {
+  data: function() {
     return {
       date: '',
       tableData: [{
diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
index f0381a90..52943ff0 100644
--- a/src/views/layout/components/Sidebar/SidebarItem.vue
+++ b/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -63,7 +63,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       onlyOneChild: null
     }
diff --git a/src/views/layout/components/TagsView.vue b/src/views/layout/components/TagsView.vue
index cfac9c7d..8563e336 100644
--- a/src/views/layout/components/TagsView.vue
+++ b/src/views/layout/components/TagsView.vue
@@ -32,7 +32,7 @@ import path from 'path'
 
 export default {
   components: { ScrollPane },
-  data() {
+  data: function() {
     return {
       visible: false,
       top: 0,
diff --git a/src/views/pdf/download.vue b/src/views/pdf/download.vue
index b0f30f6f..61d5ebf4 100644
--- a/src/views/pdf/download.vue
+++ b/src/views/pdf/download.vue
@@ -13,7 +13,7 @@
 <script>
 
 export default {
-  data() {
+  data: function() {
     return {
       article: '',
       fullscreenLoading: true
diff --git a/src/views/permission/directive.vue b/src/views/permission/directive.vue
index df277ddc..c12ba6f1 100644
--- a/src/views/permission/directive.vue
+++ b/src/views/permission/directive.vue
@@ -63,7 +63,7 @@ export default{
   name: 'DirectivePermission',
   components: { SwitchRoles },
   directives: { permission },
-  data() {
+  data: function() {
     return {
       key: 1 // 为了能每次切换权限的时候重新初始化指令
     }
diff --git a/src/views/qiniu/upload.vue b/src/views/qiniu/upload.vue
index 9cb5eb09..bd37992e 100644
--- a/src/views/qiniu/upload.vue
+++ b/src/views/qiniu/upload.vue
@@ -11,7 +11,7 @@ import { getToken } from '@/api/qiniu'
 // 七牛官方sdk https://developer.qiniu.com/sdk#official-sdk
 
 export default{
-  data() {
+  data: function() {
     return {
       dataObj: { token: '', key: '' },
       image_uri: [],
diff --git a/src/views/svg-icons/index.vue b/src/views/svg-icons/index.vue
index 89037e13..c0a922a2 100644
--- a/src/views/svg-icons/index.vue
+++ b/src/views/svg-icons/index.vue
@@ -26,7 +26,7 @@ import clipboard from '@/utils/clipboard'
 
 export default {
   name: 'Icons',
-  data() {
+  data: function() {
     return {
       iconsMap: icons
     }
diff --git a/src/views/tab/components/tabPane.vue b/src/views/tab/components/tabPane.vue
index e9ac20ac..c8399a7c 100644
--- a/src/views/tab/components/tabPane.vue
+++ b/src/views/tab/components/tabPane.vue
@@ -72,7 +72,7 @@ export default {
       default: 'CN'
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       listQuery: {
diff --git a/src/views/tab/index.vue b/src/views/tab/index.vue
index 67936c0c..f7702c5b 100644
--- a/src/views/tab/index.vue
+++ b/src/views/tab/index.vue
@@ -18,7 +18,7 @@ import tabPane from './components/tabPane'
 export default {
   name: 'Tab',
   components: { tabPane },
-  data() {
+  data: function() {
     return {
       tabMapOptions: [
         { label: 'China', key: 'CN' },
diff --git a/src/views/table/complexTable.vue b/src/views/table/complexTable.vue
index eb355e3b..e72440fc 100644
--- a/src/views/table/complexTable.vue
+++ b/src/views/table/complexTable.vue
@@ -163,7 +163,7 @@ export default {
       return calendarTypeKeyValue[type]
     }
   },
-  data() {
+  data: function() {
     return {
       tableKey: 0,
       list: null,
diff --git a/src/views/table/dragTable.vue b/src/views/table/dragTable.vue
index 3f3fb941..9a3b20ab 100644
--- a/src/views/table/dragTable.vue
+++ b/src/views/table/dragTable.vue
@@ -75,7 +75,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       total: null,
diff --git a/src/views/table/dynamicTable/fixedThead.vue b/src/views/table/dynamicTable/fixedThead.vue
index 30dcee00..ca1bac67 100644
--- a/src/views/table/dynamicTable/fixedThead.vue
+++ b/src/views/table/dynamicTable/fixedThead.vue
@@ -25,7 +25,7 @@
 const defaultFormThead = ['apple', 'banana']
 
 export default {
-  data() {
+  data: function() {
     return {
       tableData: [
         {
diff --git a/src/views/table/dynamicTable/unfixedThead.vue b/src/views/table/dynamicTable/unfixedThead.vue
index caa97506..f49369d9 100644
--- a/src/views/table/dynamicTable/unfixedThead.vue
+++ b/src/views/table/dynamicTable/unfixedThead.vue
@@ -23,7 +23,7 @@
 
 <script>
 export default {
-  data() {
+  data: function() {
     return {
       tableData: [
         {
diff --git a/src/views/table/inlineEditTable.vue b/src/views/table/inlineEditTable.vue
index 78800ce5..e86e40ae 100644
--- a/src/views/table/inlineEditTable.vue
+++ b/src/views/table/inlineEditTable.vue
@@ -69,7 +69,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       listLoading: true,
diff --git a/src/views/table/treeTable/customTreeTable.vue b/src/views/table/treeTable/customTreeTable.vue
index 2a216171..ae447b2d 100644
--- a/src/views/table/treeTable/customTreeTable.vue
+++ b/src/views/table/treeTable/customTreeTable.vue
@@ -47,7 +47,7 @@ import treeToArray from './customEval'
 export default {
   name: 'CustomTreeTableDemo',
   components: { treeTable },
-  data() {
+  data: function() {
     return {
       func: treeToArray,
       expandAll: false,
diff --git a/src/views/table/treeTable/treeTable.vue b/src/views/table/treeTable/treeTable.vue
index d2ecf14d..e9e2e32b 100644
--- a/src/views/table/treeTable/treeTable.vue
+++ b/src/views/table/treeTable/treeTable.vue
@@ -20,7 +20,7 @@ import treeTable from '@/components/TreeTable'
 export default {
   name: 'TreeTableDemo',
   components: { treeTable },
-  data() {
+  data: function() {
     return {
       columns: [
         {
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
index 9eec5f01..751f747f 100644
--- a/src/views/theme/index.vue
+++ b/src/views/theme/index.vue
@@ -59,7 +59,7 @@ import '@/assets/custom-theme/index.css' // the theme changed version element-ui
 
 export default {
   name: 'Theme',
-  data() {
+  data: function() {
     return {
       theme: false,
       tags: [
diff --git a/src/views/users/index.vue b/src/views/users/index.vue
new file mode 100644
index 00000000..dce75925
--- /dev/null
+++ b/src/views/users/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="users-container">
+    123
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Users',
+  data: function() {
+    return {
+      users: []
+    }
+  }
+}
+</script>
+
diff --git a/src/views/zip/index.vue b/src/views/zip/index.vue
index 42f0efe6..9e2ff6bd 100644
--- a/src/views/zip/index.vue
+++ b/src/views/zip/index.vue
@@ -39,7 +39,7 @@ import { fetchList } from '@/api/article'
 
 export default {
   name: 'ExportZip',
-  data() {
+  data: function() {
     return {
       list: null,
       listLoading: true,