Vue中使用的组件名称与html的标签名字重复

在开发项目中，我们需要创建许多组件，特别要注意的一点是，我们在引用组件使用时，名字千万不要与html中的标签重名，如果出现重名的情况，vue将不知道你使用是vue组件还是HTML标签页，举个栗子：
Vue中使用的组件名称与html的标签名字重复我们在home组件中引用我们自定义的组件header，由于html中已经存在header标签了，所以当你在home组件中再使用自定义的组件

,vue就会默认为你写的是html标签，这样的话，你自定义的组件header就不会显示出来了。将自定义的组件名字改成myheader或者与html标签页不重复的就可以了，例如这样修改一下名称就可以了：
Vue中使用的组件名称与html的标签名字重复

Vue中使用的组件名称与html的标签名字重复

相关推荐