关于vue报错 Do not use built-in or reserved HTML elements as component id: XXX

例如:

Donotusebuilt-inorreserved HTML elementsascomponent id: Header

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,891评论 18 139
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 6,081评论 0 42
  • 暑假过去了一个月,参加培训班的学员完成了一半的课程,有些学员第一轮也已经结束。我们按照之前制定的计划,就学员...
    Rac_sun阅读 1,415评论 2 5
  • 柳叶眉/落尾眉 平眉 设计眉型:根据自身眉型和脸型设计,再结合客人的喜好设计 眉色选择:通过肤色,发色,瞳孔颜色,...
    A1CC阅读 2,449评论 0 1
  • 钻石与酒, 其实没什么关联, 今天我想聊的是两者的 “约定俗成”。 我国的酒文化源远流长,饮酒本是历代帝王名流高雅...
    女子亭阅读 520评论 0 0