如何忽略 VueJS 中的自定义 html 标签？答案

【问题标题】：How to ignore custom html tag in VueJS?如何忽略 VueJS 中的自定义 html 标签？
【发布时间】：2016-03-06 09:34:11
【问题描述】：

这是我的 vue 组件的 javascript 源代码

export default Vue.extend({
    template: `<fb:login-button ... ></fb:login-button>`
});

Vue 在控制台中显示以下警告

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？

我想知道如何忽略vue js中的fb-login-button标签？

或者我该怎么做？

【问题讨论】：

您必须使用<fb:login-button …> 元素/语法吗？它的 HTML5 兼容版本只使用 <div class="fb-login-button" …> - 由于这是标准 HTML 元素而不是自定义元素，我想它不会首先触发该警告。
也在此处寻找答案，特别是针对A-Frame 组件。想法？

【解决方案1】：

如果你使用的是 Vue 2.0 版本，你可以使用 config 的ignoreElements

Vue.config.ignoredElements = ['menuitem']

已经在 Vue 2.0 中实现，将在 Vue 1.1 中实现

【讨论】：