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>