Skip to main content
replaced https://vuejs.org/v2 with https://v2.vuejs.org/v2
Fonte Link

As propriedades passadas a componentes Vue.js devem ser declaradas como atributos válidos em HTML, por isso têm de ser kebab-case, ou seja: nav-props em vêz de navProps.

Exemplo da documentação:Exemplo da documentação:

Vue.component('child', {
  // camelCase no JavaScript
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>'
})
<!-- kebab-case no HTML -->
<child my-message="hello!"></child>

As propriedades passadas a componentes Vue.js devem ser declaradas como atributos válidos em HTML, por isso têm de ser kebab-case, ou seja: nav-props em vêz de navProps.

Exemplo da documentação:

Vue.component('child', {
  // camelCase no JavaScript
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>'
})
<!-- kebab-case no HTML -->
<child my-message="hello!"></child>

As propriedades passadas a componentes Vue.js devem ser declaradas como atributos válidos em HTML, por isso têm de ser kebab-case, ou seja: nav-props em vêz de navProps.

Exemplo da documentação:

Vue.component('child', {
  // camelCase no JavaScript
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>'
})
<!-- kebab-case no HTML -->
<child my-message="hello!"></child>
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

As propriedades passadas a componentes Vue.js devem ser declaradas como atributos válidos em HTML, por isso têm de ser kebab-case, ou seja: nav-props em vêz de navProps.

Exemplo da documentação:

Vue.component('child', {
  // camelCase no JavaScript
  props: ['myMessage'],
  template: '<span>{{ myMessage }}</span>'
})
<!-- kebab-case no HTML -->
<child my-message="hello!"></child>