Имя компонента Vue должно быть в нижнем регистре?

Question

Я пытаюсь использовать компонент в моем файле просмотра. Следующее не работает Когда я пытаюсь смонтировать компонент в моем представлении с <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

Answer 1

Короче говоря, это потому, что HTML не чувствителен к регистру. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *} * * * * * * * * * * * * * * * * *} * * *}} * * * * * * * * * * * * * От него * *

Итак, как мы все знаем, HTML не чувствителен к регистру. myProp="123" анализируется как myprop="123", и это привело к предостережению в Vue.js, где вы необходимо использовать my-prop="123" для ссылки на опору, объявленную в JavaScript как myProp. Это часто кусает новичков.

Проблема была в конечном итоге закрыта решением остаться на том же пути. Вот цитата:

По сути, проблема существует, потому что js и html отличаются технологии и использовать разные системы именования. И используя то же самое случай (шашлык или верблюд) в обеих технологиях сместит странность с одно место в другое, но основная проблема будет сохраняться, поэтому я поверьте, лучшее, что мы можем сделать, это нарисовать линию. и текущая строка i, e. кебаб в html-контексте и camelCase (и PascalCase) в js контекст очень хороший.