在 Vue 中使用 Web 组件

【问题标题】：Use Web Components with Vue在 Vue 中使用 Web 组件
【发布时间】：2018-08-15 08:20:30
【问题描述】：

我目前正在尝试在 Vue 组件中重用 Web 组件。 Web 组件使用template 来格式化输出，但是当我将它放在 Vue 模板中时，它将从 DOM 中删除或由 Vue 编译。重点是：Web 组件需要这个 template 元素才能工作。

有没有办法告诉 Vue 在编译时忽略这个 template 元素？

最好的祝福

【问题讨论】：

【解决方案1】：

您应该能够使用v-pre 标记元素，这会阻止 Vue 编译它。

来自官方文档：

<span v-pre>{{ this will not be compiled }}</span>

【讨论】：