- 今天说一个入门比较容易踩的一个坑,刚好让我遇到了——Do not use built-in or reserved HTML elements as component id: Component,翻译一下大致意思是:不要使用内置或保留的HTML元素作为组件名
- 很明显昂,定义组件时用到了内置的元素;我们定义一个新的组件时都会写组件名是什么,方便描述/阅读,特别是vue2的路由组件还有方法是通过自定义的组件名从而全局定义组件的
- 通过源代码我们可以看到原来定义组件名时使用了Component(内置是有component的)从而导致的报错
- 解决方案:修改name的值即可(最好与我们文件名一样,方便后续代码阅读与使用)