如何在Vue中将外部HTML加载为模板或X模板

Question

由于Vue允许使用x-template作为组件的模板，所以我想知道如何导入像javascript这样的外部html，而不是在该x-template标记内直接编写所有模板html？

例如，如果我在index.html中编写如下内容：

index.html

<script type="text/x-template" id="user-data-editor">
    <div class="user-data-editor">
        <button>Click</button>
    </div>
</script>

它可以在Vue组件中由template:"#user-data-editor"

引用

但是当我尝试将这些html写入另一个文件时，例如：

user-data-editor.html

<div class="user-data-editor">
    <button>Click</button>
</div>

并尝试在 index.html 中使用它，例如：

<script type="text/x-template" id="user-data-editor" src="user-data-editor.html"></script>

它将停止工作。我不知道哪里错了？谢谢

Answer 1

就像天之鹏所说，您不能使用