前端基础踩坑记录

前言：在做vue项目时，有时代码没有报错，但运行时却各种问题，没有报错排查起来就很费劲，本人感悟：写前端，需要好的眼神！！！谨以此博客记录下自己的踩坑点。

一、Failed to resolve component：XXX

Main.vue:42  [Vue warn]: Failed to resolve component: lable
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

原因在于，label标签我写成了lable！！！

看了这两篇博客找到的问题（虽然自己看了好久，确实是没注意label这个标签，初学者的坑，题外话，前端也太坑了，哪里错了也没有提示，总是在后面才告诉你有奇奇怪怪的问题！！！）

关于Vue3的一个奇怪的警告：Failed to resolve component: dir If this is a native custom element_qq_32021429的博客-CSDN博客

【前端】vue Failed to resolve component If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. - 淡怀 - 博客园 (cnblogs.com)

总结：遇到此类问题，检查后面的XXX，是不是有这个标签，检查标签名是不是写对了。

二、undefined问题

明明定义了，但在console里没有输出内容

请看代码

这里用的是caseKey

 

但到这里，用的却是casekey，能一样吗！！！ 

总结：遇到undefined问题，检查一下变量名，是不是写对了，细心点，代码不会有错误提示，但在运行起来时，会告诉你没有定义！