Download Vue.js for free


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'],
}); must call it in your HTML component as my-prop.

Related Examples

Dynamic Props