[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录

今天新创建了一个vue项目进行学习,完了,刚刚需要写一个导航栏组件,就用ElementUI写了一个,打算注册到首页,结果呢,给我报错了:
[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录仔细看了一下报错警告解释:
不要将内置或保留的HTML元素用作component id:menu

意思简单点呢,就是我们的命名不规范或者错误
由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:
1.是完全不合法的标签名,例如 </>;
2.是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件。
3.是与 Vue 保留的 slot、partial、component 重名,因为会优先以本身的意义解析,从而产生非预期的结果。

不能正确解析的命名:menu
[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录

解决方法:

按照提示将错误的命名改正即可:
[Vue warn]: Do not use built-in or reserved HTML elements as component id:XXX 问题记录
这样就可以正常运行了~~