Javascript Vue忽略自定义组件标记

在我的网站上，我使用谷歌CSE（谷歌定制搜索引擎）

这是我的HTML：

<div id="app">
  ...
  <gcse:search></gcse:search>
  ...
</div>
<script type="text/javascript">
    new Vue({ el: '#app' })
</script>

...
...
新的Vue（{el:'#app'}）

如您所见，我的vue应用程序中有一个“gcse输入”

因此，我得到一个警告：

[Vue warn]：未知自定义元素：

所以我的问题是，如何才能停止尝试在Vue.js中初始化此自定义组件

---

提前感谢。

Vue认为您正在尝试加载名为

gcse:search的Vue组件

要忽略此标记，请添加：

除了的答案外，您还可以通过在ignoredElements属性中添加这些标记来忽略未知标记：

Vue.config.ignoredElements = ['gcse:search']

您还可以使用正则表达式而不是字符串来忽略这些标记：

Vue.config.ignoredElements = [/gcse:*/]

如果要忽略更多具有特定模式的标记/组件，这非常有用。在这种情况下，您可以忽略以“gcse”开头的所有标记。
这是一个警告，而不是错误。确定。我应该担心吗？Vue下次渲染时可能会完全破坏您的自定义搜索引擎。谢谢！我花了数小时试图找出如何使Vue不在我的
标记中呈现代码，该标记是显示示例代码的文档站点的一部分。根据我的测试，
v-pre
完全忽略该元素，因此不能使用任何类似
v-bind
的反应性标记。另一方面，配置
ignoredElements
会使Vue按正常方式呈现元素，但不会引发有关未知自定义元素的错误，因此您可以使用反应式数据及其所有内容。对正则表达式示例的建议：
/^gcse://
Vue.config.ignoredElements = ['gcse:search']

Vue.config.ignoredElements = [/gcse:*/]