Do not use built-in or reserved HTML elements as component id: table

写Vue组件时候忽然报错,原来有以下几种:

组件,不能和html标签重复

如上的意思是table重名了

由于在模板需要插入到 DOM 中,所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况:

一是完全不合法的标签名,例如 </>;

二是与 HTML 元素重名会产生不确定的行为,例如使用 input 做组件名不会解析到自定义组件,使用 button 在 Chrome 上正常但在 IE 上不正常;

三是与 Vue 保留的 slot、partial、component 重名,因为会优先以本身的意义解析,从而产生非预期的结果。

犯错如下:

Do not use built-in or reserved HTML elements as component id: table

所以定义组件不能将name写成table,改了之后就不报错了

 

相关文章: