Unknown custom element: <componentName> - did you register the component correct?
2024-10-19 08:53:47
最近开发的时候遇见一个头疼的事情,之前用过的组件没有出现过任何问题,但偏偏在其他目录下引用就出问题了。
组件的名称、import的路径都没任何问题,看了其他人遇到的问题和官方文档关于组件name属性的规范之后,这是因为组件name填写不规范所导致的!
在命名组件时必须要按照官方文档给出的规范来
1、使用 kebab-case
Vue.component('my-component-name', { /* ... */ })
当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 <my-component-name>。
2、使用 PascalCase
Vue.component('MyComponentName', { /* ... */ })
当使用 PascalCase (首字母大写命名) 定义一个组件时,你在引用这个自定义元素时使用 <my-component-name> 或 <MyComponentName> 都是可接受的。
最新文章
- 浅谈利用SQLite存储离散瓦片的思路和实现方法
- 【JAVA网络流之URL】
- Druid:一个用于大数据实时处理的开源分布式系统
- Ubuntu离线安装软件包
- birdnest是什么意思_birdnest在线翻译_英语_读音_用法_例句_海词词典
- 【NOIP2007提高组】字符串展开
- Android网络开发实例(基于抓包实现的网络模拟登录,登出和强制登出)
- Python C++扩展
- python从入门到实践-10章文件和异常(括号问题)
- emWin收音机,含uCOS-III和FreeRTOS两个版本
- 精简你的 docker 镜像
- Codeforce Round #554 Div.2 C - Neko does Maths
- [CTSC2010]珠宝商 SAM+后缀树+点分治
- JDK的get请求方式
- Daily Scrum - 11/24
- sqlcmd导入大数据文件
- Android 原生 MediaPlayer 和 MediaCodec 的区别和联系(二)
- centos7.3下ScyllaDB1.6安装
- 5 个强大的 HTML5 API
- [POI2011]SEJ-Strongbox