如何在将代码保留在.js中时将vue.js模板分离为.vue文件？

Question

我想将vue.js模板分成.vue文件，同时将代码留在.js文件中。

这是一个“单个文件组件”：

<template>
..
</template>

<script>
..
</script>

什么有用：

使.vue文件成为真实组件，并定义指向.js文件的MIXIN。 看起来非常h​​acky！

我想要的是什么：

将单个webpack导入.js文件：

...
</template>

import ViewModel from 'vm.js'

这可能吗？或vue-loader理解的.vue文件中的标记？

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

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

哦，这需要使用打字稿！

Answer 1

...
</template>

import ViewModel from 'vm.js'

第二个选项可以通过一个小的调整来实现

<template>
...
</template>

<script src="vm.js"></script>