我可以将x模板脚本导入HTML文件吗

Question

默认情况下，x-template(用于Vue组件(类似

<script type="text/x-template" id="checkbox-template">
<div class="checkbox-wrapper" @click="check">
<div :class="{ checkbox: true, checked: checked }"></div>
<div class="title">{{ title }}</div>
</div>
</script>

现在我想把一个外部js文件链接到它上，比如

<script type="text/x-template" id="checkbox-template" src="target.js" />

有可能吗？如果是，target.js的语法是什么？

Answer 1

否，x-template必须是本地的。根据MDN:，当type属性不是module或JavaScript MIME类型时，<script>元素的src属性将被忽略

嵌入的内容被视为浏览器不会处理的数据块。开发人员必须使用非JavaScript MIME类型的有效MIME类型来表示数据块。src属性将被忽略。

一些框架通过其他方式(如templateUrl等(支持外部模板，但Vue不支持。以下是Evan You(Vue Creator(对原因的解释：

如果事情只是在同一个文件中，实际上会简单得多。在两个文件之间来回跳转的上下文切换实际上使的开发体验变得更糟

HTTP请求的数量可能仍然是影响应用程序初始加载性能的最关键因素。现在想象一下，你对应用程序中的每个组件都使用templateURL——浏览器甚至需要执行几十个HTTP请求才能显示任何

当然，您可以创建自己的AJAX内容加载程序，就像手动加载任何外部文件一样，无论内容如何，都可以作为字符串加载。或者，您可以使用Vue CLI，该CLI使用类似的加载程序。