[Vuejs]-Implementing a reusable tabbed component using Vuejs

by

0👍

HTML attribute names are case-insensitive, so browsers will interpret
any uppercase characters as lowercase. That means when you’re using
in-DOM templates, camelCased prop names need to use their kebab-cased
(hyphen-delimited) equivalents (source)

Try with:

<tab-component :tabs="tabs" :selected-component="selectedComponent" />

Edit:

If you define props as an array, change the list with strings (see "Prop types" here):

props: [ 'selectedComponent', 'tabs' ]

Leave a comment