vue组件名必须小写？

我正在尝试在我的视图文件中使用一个组件。以下不起作用 当我尝试在我的视图中安装组件时<CampaignCreate></CampaignCreate>

const app = new Vue({
    el: '#rewards-app',
    components: {
       CampaignCreate,
    }
});

如果我把它改成：

const app = new Vue({
    el: '#rewards-app',
    components: {
       'campaign-create': CampaignCreate,
    }
});

我可以将组件安装在我的视图文件中<campaign-create></campaign-create>没有问题。我试图理解这背后的原因。我目前使用的是 vuejs 2.x

简而言之，这是因为 HTML 不区分大小写。有一场大讨论 https://github.com/vuejs/vue/issues/2308在 2 年前由 Evan You 本人打开的 VueJS 跟踪器中，推理如下：

众所周知，HTML 不区分大小写。myProp="123"被解析 作为myprop="123"这导致了 Vue.js 中的警告： 必须使用my-prop="123"将 JavaScript 中声明的 prop 引用为myProp。这经常困扰初学者。

该问题最终以保持在同一轨道上的决定结束。这是一个有说服力的引用：

本质上，问题的存在是因为js和html不同 技术并使用不同的命名系统。并使用相同的 两种技术中的情况（烤肉串或骆驼）都会将怪异感从 从一个地方到另一个地方，但根本问题仍然存在所以我 相信，我们能做的就是划清界限。和当前行 i，e。 html 上下文中的 kebab 大小写和 js 中的驼峰大小写（和 PascalCase） 背景非常好。