[Vue warn]: Do not use built-in or reserved HTML elements as component id:

Posted 2023-05-16

参考技术A 使用vue时出现这样的报错，原因是你使用的组件名"main"跟系统（vue）的内置属性名冲突了，所以创建失败，最好的方法就是换个名字。

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

命名限制存在的根本原因是：模板解析的过程依赖了 DOM。在vue 2.0中主要改进的地方就是将模板解析过程使用Virtual DOM 实现，这样就使得组件命名更加灵活。

以下为vue 2.0中html 标签和 Vue 保留标签的范围

从上我们可以看出，HTML 元素重名警告的标签数大大增加了，但重要的是重名区分大小写，所以我们在使用 Input、Select、Option 等时不用担心重名。这就是 Vue 2.0 引入的Virtual DOM的用处

vue错误：vue.runtime.esm.js?0261:619 [Vue warn]: Do not use built-in or reserved HTML elements as compo

 

解决方法：

　　name的命名不要使用html的标签元素即可

<script>
export default {
    name:\'button\'       //  不要使用内置或保留的HTML元素 , 改为Button或者置或保留的HTML元素之外的名称就好了
　　　　　　　　　　　　　　//  可以把button改为button1等都可以
}

</script>