代码之家 › 专栏 › 技术社区 › Gayan Hewa

Vue组件名称必须为小写?

vuejs2

Gayan Hewa · 技术社区 · 6 年前

我正在尝试在视图文件中使用组件。以下操作不起作用当我试图用 <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> 没有问题。我正在努力理解这背后的原因。我目前在vuejs2.x上

1 回复 | 直到 6 年前

raina77ow 6 年前

简而言之,这是因为HTML不区分大小写。是的 a big discussion

myProp="123" 被解析 myprop="123" 这导致了虚拟用户.js你在哪里 my-prop="123" 将JavaScript中声明的prop称为 myProp . 这经常会咬伤初学者。

这一问题最终得以解决,决定继续走同一条道路。这里有一句很有说服力的话:

本质上,这个问题的存在是因为js和html是不同的技术和使用不同的命名系统。使用相同的这两种技术的案例(烤羊肉串或骆驼肉)都将从一个地方到另一个地方,但潜在的问题将继续存在,所以我相信,我们能做的就是划清界限。和当前行,即。上下文非常好。

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

2 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

3 年前

roev · 大堆来自(物体)。forEach不使用vue。js

3 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前