阐述
- 因为有时候页面的需求很大的时候,就要在*.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>