官方api如下图:ignoredElementse-0
先看下使用方法:假如我使用了未定义的<icon></icon>组件,如下图:ignoredElementse-1
运行看下结果:ignoredElementse-2,没错就是api里面说明的抛出Unknown custom element警告。
使用场景:有时候我们会再引入其他第三方库的组件,但是vue会抛出错误,我们要避免这个错误,可以在Vue.config.ignoredElements配置里面配置下,如下图使用ignoredElementse-3:
配置过后,不再发出这警告;进入源码里看下:ignoredElementse-4
这段代码很明显:如果自定标签存在ignoredElementse里面,直接返回false,不再使用isUnknownElement校验。
这里说明下:isUnknownElement这个方法是在element.js文件里面定义的如下图ignoredElementse-5。