之前用过的组件没有出现过任何问题,但偏偏在其他目录下引用就出问题了。组件的名称、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>。

最新文章

  1. Java列表
  2. grunt配置任务
  3. ASP.NET Core 优雅的在开发环境保存机密(User Secrets)
  4. 【NodeJS线程】Boss和他的职员们
  5. 20 seq 某个数到另外一个数之间的所有整数
  6. GitHub 上有哪些完整的 iOS-App 源码值得参考
  7. C#算法之向一个集合中插入随机不重复的100个数
  8. 学习笔记--(平衡树)splay
  9. Connection Management and Security
  10. [HDU 5074] Hatsune Miku (动态规划)
  11. HDU 4638 Group(分组)
  12. 让python整型计算结果为浮点型
  13. ORM之二:核心接口与扩展操作
  14. 2014.7.8模拟赛【笨笨当粉刷匠】|bzoj1296 [SCOI]粉刷匠
  15. jfinal框架新手使用之路及开发心得
  16. BotVS数字货币现货交易类库
  17. oracle之序列用法
  18. laravel5增删改查
  19. Oracle记录表删除操作简单方法
  20. Django认证系统auth认证

热门文章

  1. CPU 使用率 100% 怎么办
  2. IDEA workspace.xml 在 git 中无法忽略 ignore 问题
  3. MyBatis 延迟加载(十四)
  4. 6.2 gzip:压缩或解压文件
  5. 安装jdk env
  6. [LeetCode] 231. 2 的幂
  7. 解决maven依赖冲突问题
  8. NNVM Compiler,AI框架的开放式编译器
  9. YOLOv3和YOLOv4长篇核心综述(下)
  10. 使用TENSORRT和NVIDIA-DOCKER部署深部神经网络