vue.js怎么把vue组件export default（{ }）中的代码抽取到js文件中

阐述

• 因为有时候页面的需求很大的时候，就要在*.vue的文件中既要写很多的html代码，还在在export default{}中写很多的代码，页面就很长，也很乱了，我想问的是可不可以把export default{}中的js代码分离到一个.js文件中，再通过import引入来使用的呢？

解决方案如下

一般写vue-cli创建项目的时候，组件是*.vue，这个组件里面的js部分都写在如下格式内：

export default {
 data() {},
 methods: {}
}

index.js文件

export default {
  data() return {
  },
  methods: {}
}

index.vue

import index from './index'

<script>
    export default {
        ...index
    }
</script>