Стиль именования входных параметров
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>
Если используются строковые шаблоны, то это ограничение не применяется.
Last updated
Was this helpful?