javascript - Vue忽略自定义组件标签

在我的网站上，我使用的是Google CSE(由Google定制的搜索引擎)。

这是我的HTML:

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

如您所见，我在vue应用程序内部放置了一个“gcse输入”。

因此，我收到警告:



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

提前致谢。

最佳答案

Vue认为您正在尝试加载名为gcse:search的Vue组件。

为了忽略此标记，请添加 v-pre directive:

<gcse:search v-pre></gcse:search>

或者，您可以将gcse:search标签添加到Vue的ignoredElements列表中:

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