Unknown custom element: <...> - did you register the component correct?
2024-10-19 08:50:28
之前用过的组件没有出现过任何问题,但偏偏在其他目录下引用就出问题了。组件的名称、import的路径都没任何问题,发现这是因为组件name填写不规范所导致的。
在定义组件的时候我们要严格按照官方文档要求来做,官方文档给出了两种组件的命名方式,即kabab-case和PascalCase。
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>。
最新文章
- Java列表
- grunt配置任务
- ASP.NET Core 优雅的在开发环境保存机密(User Secrets)
- 【NodeJS线程】Boss和他的职员们
- 20 seq 某个数到另外一个数之间的所有整数
- GitHub 上有哪些完整的 iOS-App 源码值得参考
- C#算法之向一个集合中插入随机不重复的100个数
- 学习笔记--(平衡树)splay
- Connection Management and Security
- [HDU 5074] Hatsune Miku (动态规划)
- HDU 4638 Group(分组)
- 让python整型计算结果为浮点型
- ORM之二:核心接口与扩展操作
- 2014.7.8模拟赛【笨笨当粉刷匠】|bzoj1296 [SCOI]粉刷匠
- jfinal框架新手使用之路及开发心得
- BotVS数字货币现货交易类库
- oracle之序列用法
- laravel5增删改查
- Oracle记录表删除操作简单方法
- Django认证系统auth认证