Стиль именования входных параметров

CamelCase в сравнении с kebab-case

Имена HTML-атрибутов являются регистро-независимыми, поэтому браузеры интерпретируют любые прописные символы как строчные. Это означает, что при использовании шаблонов в DOM входные параметры в camelCase-стиле должны использовать свои эквиваленты в стиле kebab-case (разделённые дефисами):

Vue.component('blog-post', {
  // camelCase в JavaScript
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})

<!-- kebab-case в HTML -->
<blog-post post-title="hello!"></blog-post>

Если используются строковые шаблоны, то это ограничение не применяется.