之前的my.vue文件中是这样:
<template>
....
</template>
<script lang="ts">
....
</script>
将ts代码分离到my.ts文件中后,my.vue中是这样:
<template>
....
</template>
<script lang="ts" src="./my">
</script>
这样做的好处是一个文件不会太大,两个文件对照看更方便。
更重要的是,我在HBuilderX中使用了eslint-vue插件,但是这个插件对含ts的单个vue文件就不能正常工作,拆成两个文件后就正常了。
我试着拆了几个文件后运行没有发现什么问题,但不知道如果整个项目都这么做会不会有什么弊端?
请指教
2 个回复
亦春亦秋 - 用爱发电
弊端是代码更整洁了,其他人更好接手了
雷峰
代码高内聚,拆分的意义就与这一条准则相反了。非必要的未复用功能,能在一处写就不要在两处写。而且代码对照编辑器都有分屏功能,影响不大。
性能和其他问题应该不存在特别大的差异。