我的.vue文件中有以下代码：
＆＃xA;＆＃xA; ＆lt; template＆gt;＆＃xA; ＆lt; p＆gt; hello search＆lt; / p＆gt;＆＃xA;＆lt; / template＆gt;＆＃xA;＆＃xA;＆lt; script＆gt;＆＃xA;从'vue'导入Vue;＆＃xA; var vm = new Vue（{＆＃xA; el：'＃js-quick-search'＆＃xA;}）＆＃xA;＆lt; / script＆gt;＆＃xA; ＆＃xA;＆＃ xA; 在我的.html中我有一个Vue实例的元素
＆＃xA;＆＃xA; ＆lt; div id =“js-quick-search”＆gt; ＆lt; / div＆gt;＆＃xA; ＆＃xA;＆＃xA; 但是，模板部分完全被忽略。如何在不将其添加到脚本标记内的情况下将其附加到实例？
＆＃xA;＆＃xA;基本上我希望实现与此相同：
＆＃xA;＆ #xA; ＆lt; script＆gt;＆＃xA;从'vue'导入Vue;＆＃xA; var vm = new Vue（{＆＃xA; el：'＃js-quick-search'， ＆＃xA;模板：'＆lt; p＆gt;无论＆lt; / p＆gt;'＆＃xA;}）＆＃xA;＆lt; / script＆gt;＆＃xA; ＆＃xA;＆＃ xA; 但脚本中没有硬编码模板。
＆＃xA;答案 0 :(得分：0)
shading interp标记内的标记错误。要创建模板，您必须导出script，如下所示：
script然后使用该模板，只需将其导入（<template>
<div class="MyTemplate">
Your template
</div>
</template>
<script>
export default {
name: "MyTemplate"
}
</script>
）并将其添加到您的组件（import MyTemplate from './MyTemplate.vue'），然后将其放入components: { MyTemplate }）