Vue.js Props
Remarks
camelCase <=> kebab-case
When defining the names of your props, always remember that HTML attribute names are case-insensitive. That means if you define a prop in camel case in your component definition...
Vue.component('child', {
props: ['myProp'],
...
});
...you must call it in your HTML component as my-prop.
