Make data() a function

src/components/BackToTop/index.vue

@@ -42,7 +42,7 @@ export default {
       default: 'fade'
     }
   },
-  data() {
+  data: function() {
     return {
       visible: false,
       interval: null,

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
     }

src/components/Charts/keyboard.vue

@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/components/Charts/lineMarker.vue

@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/components/Charts/mixChart.vue

@@ -26,7 +26,7 @@ export default {
       default: '200px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/components/Charts/mixins/resize.js

@@ -1,7 +1,7 @@
 import { debounce } from '@/utils'
 
 export default {
-  data() {
+  data: function() {
     return {
       sidebarElm: null
     }

src/components/Dropzone/index.vue

@@ -70,7 +70,7 @@ export default {
       default: false
     }
   },
-  data() {
+  data: function() {
     return {
       dropzone: '',
       initOnce: true

src/components/ErrorLog/index.vue

@@ -40,7 +40,7 @@
 <script>
 export default {
   name: 'ErrorLog',
-  data() {
+  data: function() {
     return {
       dialogTableVisible: false
     }

src/components/HeaderSearch/index.vue

@@ -23,7 +23,7 @@ import i18n from '@/lang'
 
 export default {
   name: 'HeaderSearch',
-  data() {
+  data: function() {
     return {
       search: '',
       options: [],

src/components/ImageCropper/index.vue

@@ -195,7 +195,7 @@ export default {
       'default': false
     }
   },
-  data() {
+  data: function() {
     const that = this
     const {
       imgFormat,

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
     }

src/components/MDinput/index.vue

@@ -138,7 +138,7 @@ export default {
       default: true
     }
   },
-  data() {
+  data: function() {
     return {
       currentValue: this.value,
       focus: false,

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
     }

src/components/Screenfull/index.vue

@@ -9,7 +9,7 @@ import screenfull from 'screenfull'
 
 export default {
   name: 'Screenfull',
-  data() {
+  data: function() {
     return {
       isFullscreen: false
     }

src/components/ScrollPane/index.vue

@@ -9,7 +9,7 @@ const tagAndTagSpacing = 4 // tagAndTagSpacing
 
 export default {
   name: 'ScrollPane',
-  data() {
+  data: function() {
     return {
       left: 0
     }

src/components/Share/dropdownMenu.vue

@@ -24,7 +24,7 @@ export default {
       default: 'vue'
     }
   },
-  data() {
+  data: function() {
     return {
       isActive: false
     }

src/components/SizeSelect/index.vue

@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  data() {
+  data: function() {
     return {
       sizeOptions: [
         { label: 'Default', value: 'default' },

src/components/Sticky/index.vue

@@ -25,7 +25,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       active: false,
       position: '',

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

src/components/Tinymce/components/editorImage.vue

@@ -32,7 +32,7 @@ export default {
       default: '#1890ff'
     }
   },
-  data() {
+  data: function() {
     return {
       dialogVisible: false,
       listObj: {},

src/components/Tinymce/index.vue

@@ -43,7 +43,7 @@ export default {
       default: 360
     }
   },
-  data() {
+  data: function() {
     return {
       hasChange: false,
       hasInit: false,

src/components/Upload/singleImage.vue

@@ -34,7 +34,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }

src/components/Upload/singleImage2.vue

@@ -33,7 +33,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }

src/components/Upload/singleImage3.vue

@@ -41,7 +41,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       tempUrl: '',
       dataObj: { token: '', key: '' }

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: {

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'

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,

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',

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,

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: []

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: [

src/views/components-demo/dragKanban.vue

@@ -13,7 +13,7 @@ export default {
   components: {
     Kanban
   },
-  data() {
+  data: function() {
     return {
       options: {
         group: 'mission'

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: [{

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)
     }

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: '',

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('请输入六个字符'))

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: '',

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>

src/views/dashboard/admin/components/BarChart.vue

@@ -24,7 +24,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/views/dashboard/admin/components/BoxCard.vue

@@ -43,7 +43,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       statisticsData: {
         article_count: 1024,

src/views/dashboard/admin/components/LineChart.vue

@@ -30,7 +30,7 @@ export default {
       required: true
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null,
       sidebarElm: null

src/views/dashboard/admin/components/PieChart.vue

@@ -22,7 +22,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/views/dashboard/admin/components/RaddarChart.vue

@@ -24,7 +24,7 @@ export default {
       default: '300px'
     }
   },
-  data() {
+  data: function() {
     return {
       chart: null
     }

src/views/dashboard/admin/components/TodoList/Todo.vue

@@ -40,7 +40,7 @@ export default {
       }
     }
   },
-  data() {
+  data: function() {
     return {
       editing: false
     }

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,

src/views/dashboard/admin/components/TransactionTable.vue

@@ -34,7 +34,7 @@ export default {
       return str.substring(0, 30)
     }
   },
-  data() {
+  data: function() {
     return {
       list: null
     }

src/views/dashboard/admin/index.vue

@@ -85,7 +85,7 @@ export default {
     TodoList,
     BoxCard
   },
-  data() {
+  data: function() {
     return {
       lineChartData: lineChartData.newVisitis
     }

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'
     }

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'
     }

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' },

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',

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({

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' },

src/views/example/list.vue

@@ -72,7 +72,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       total: 0,

src/views/excel/components/BookTypeOption.vue

@@ -19,7 +19,7 @@ export default {
       default: 'xlsx'
     }
   },
-  data() {
+  data: function() {
     return {
       options: ['xlsx', 'csv', 'txt']
     }

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,

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,

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: []

src/views/guide/index.vue

@@ -16,7 +16,7 @@ import steps from './defineSteps'
 
 export default {
   name: 'Guide',
-  data() {
+  data: function() {
     return {
       driver: null
     }

src/views/i18n-demo/index.vue

@@ -55,7 +55,7 @@ const viewName = 'i18nView'
 
 export default {
   name: 'I18n',
-  data() {
+  data: function() {
     return {
       date: '',
       tableData: [{

src/views/layout/components/Sidebar/SidebarItem.vue

@@ -63,7 +63,7 @@ export default {
       default: ''
     }
   },
-  data() {
+  data: function() {
     return {
       onlyOneChild: null
     }

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,

src/views/pdf/download.vue

@@ -13,7 +13,7 @@
 <script>
 
 export default {
-  data() {
+  data: function() {
     return {
       article: '',
       fullscreenLoading: true

src/views/permission/directive.vue

@@ -63,7 +63,7 @@ export default{
   name: 'DirectivePermission',
   components: { SwitchRoles },
   directives: { permission },
-  data() {
+  data: function() {
     return {
       key: 1 // 为了能每次切换权限的时候重新初始化指令
     }

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: [],

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
     }

src/views/tab/components/tabPane.vue

@@ -72,7 +72,7 @@ export default {
       default: 'CN'
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       listQuery: {

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' },

src/views/table/complexTable.vue

@@ -163,7 +163,7 @@ export default {
       return calendarTypeKeyValue[type]
     }
   },
-  data() {
+  data: function() {
     return {
       tableKey: 0,
       list: null,

src/views/table/dragTable.vue

@@ -75,7 +75,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       total: null,

src/views/table/dynamicTable/fixedThead.vue

@@ -25,7 +25,7 @@
 const defaultFormThead = ['apple', 'banana']
 
 export default {
-  data() {
+  data: function() {
     return {
       tableData: [
         {

src/views/table/dynamicTable/unfixedThead.vue

@@ -23,7 +23,7 @@
 
 <script>
 export default {
-  data() {
+  data: function() {
     return {
       tableData: [
         {

src/views/table/inlineEditTable.vue

@@ -69,7 +69,7 @@ export default {
       return statusMap[status]
     }
   },
-  data() {
+  data: function() {
     return {
       list: null,
       listLoading: true,

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,

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: [
         {

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: [

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>
+

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,