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

Question

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

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

<template>
..
</template>

<script>
..
</script>

什么工作：

使 .vue 文件成为真正的组件，并定义一个指向 .js 文件的 MIXIN。看起来很hacky！

我想要什么：

单个 webpack 导入到 .js 文件：

...
</template>

import ViewModel from 'vm.js'

这可能吗？还是 .vue 文件中 vue-loader 理解的标签？

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

---

万分感谢！目标是在 Visual Studio 代码中设置断点 + 关注点分离 + 可读性。:)

哦，这需要与打字稿一起使用！

Answer 1

...
</template>

import ViewModel from 'vm.js'

第二个选项可以通过在其中进行小幅调整

<template>
...
</template>

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