
出现这个错误,跟我们组件注册命名,和组件调用时的命名有关,这是一个Vue中隐形的坑。(首先明确,在vue脚手架里面时没有限制的,支持驼峰命名,纯的HTML代码才会这样)
组件注册使用了驼峰命名的话,那么组件调用的时候就要用横杆(-)代替。

第一种组件的调用方法是正确的,第二种组件调用方法的名称和组件注册的名称保持一致的话会报错。
当然了避免了踩这种坑,我也学到了,组注册组件的时候不要使用驼峰命名了。
我们一般习惯注册组件和组件调用的名称都保持一致的,所以直接用横杠,要不就全小写,要就不全大写注册。

常见组件注册三种坑,一定要对应好。

网友评论