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

【问题标题】：Vue Component with external template and style?具有外部模板和样式的 Vue 组件？
【发布时间】：2018-09-17 20:01:18
【问题描述】：

我可以拥有一个模板位于外部文件 (.html) 中的 Vue 组件吗？我们可以对样式（.scss）做同样的事情吗？

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：