带有外部模板和样式的Vue组件？

Question

我可以在外部文件（.html）中找到模板的Vue组件吗？我们可以对样式（.scss）做同样的事情吗？

这将有助于我们的开发，我们可以让前端HTML开发人员处理HTML和样式，并且javascript开发人员可以处理组件逻辑和行为。

是否可以在vue组件中引用/导入模板和样式？

Answer 1

答案是肯定的，但是您的组件条目将包含模板，而不是脚本。来自Vue.js文档的Single File Components section：

  

即使您不喜欢单文件组件的想法，您仍然可以通过将JavaScript和CSS分成单独的文件来利用其热重新加载和预编译功能：

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