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

Question

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

这是一个 vue "single file component":

<template>
..
</template>

<script>
..
</script>

有效方法:

将.vue文件作为真正的组件，并定义一个指向.js文件的MIXIN。 看起来很老套！

我想要什么：

单个 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>

How to separate vue.js template into a .vue file while leaving code in .js?