vue.js - 具有外部模板和样式的 Vue 组件？

Question

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

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

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

Answer 1

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

Even if you don’t like the idea of Single-File Components, you can still leverage its hot-reloading and pre-compilation features by separating your JavaScript and CSS into separate files:

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