如何在Vue.js中制作不同的HTML和组件文件？

Question

是否可以在Vue.js中为HTML和组件制作两个不同的文件？意味着HTML代码与Angular一样与组件代码位于不同的文件中。

Answer 1

如果您的目标不是避免预编译，则仍然可以使用单文件组件，并将js和css拆分为不同的文件。它们在docs中包含此结构的示例。

<template>
  <div>This will be pre-compiled</div>
</template>
<script src="./my-component.js"></script>
<style src="./my-component.css"></style>