代码块中的Vue组件，Vue尝试渲染模板

Question

我试图在我的文档中显示Vue组件的示例，但是Vue也在我的Vue组件中识别template。

vehicle-documents不是注册的组件，也被放入以下代码中：

Vue.config.ignoredElements = ['slide', 'slider', 'vehicle-documents'];

因此Vue忽略了组件本身：

If you want the modal make sure you add the click event and call the `open` function, and pass the `document` into this function call, as seen below.
```html
<vehicle-documents class="app" vehicle-id="">
<template v-slot:default="slotProps">
<button @click="slotProps.open(slotProps.document)">
{{ slotProps.document.name }}
</button>
</template>
</vehicle-documents>
```

如何使Vue忽略template块？我需要Vue在这个页面上，所以这不是一个简单的删除Vue的情况。

Answer 1

试试这个，添加v-pre和type="text/x-template"

<vehicle-documents class="app" vehicle-id="">
<template v-pre type="text/x-template">
<button @click="slotProps.open(slotProps.document)">
{{ slotProps.document.name }}
</button>
</template>
</vehicle-documents>