如何分离vue。将js模板转换为。vue文件,同时保留代码。js?

我想分离vue。将js模板转换为。vue文件,同时将代码保留在。js文件。

这是一个vue“单文件组件”:

<template>
..
</template>

<script>
..
</script>

什么有效 :

制作。vue将实际组件归档,并定义指向的MIXIN。js文件。 看起来很黑!

我想要什么:

将单个Web包导入到。js文件:

...
</template>

import ViewModel from 'vm.js'

这可能吗?或中的标记。vue加载程序理解的vue文件?

<template>
..
<script src='vm.js'/>
</template>

非常感谢!目标是在visual studio代码中设置断点+关注点分离+可读性。:)

哦,这需要使用typescript!