Extending VueJS Components

Extending VueJS Components

Do you have components in your Vue app that share similar options, or even template markup?

[…]

Vue provides some functionality to help with component inheritance, but you'll also have to add some of your own ingenuity.

Note: this article was originally posted here on the Vue.js Developers blog on 2017/06/11

[…]

Looking in Vue Devtools, we can see that using extends has indeed given us the base props in our sub component:

[…]

Here's what the sub component's template would effectively look like after extending the base and being translated back to a regular HTML Vue template:

[…]