How to extend a component with extends in Vue?

Question

Vue.js

Tried with arrays but doesn't work. Tell me how to properly extend the component.

name: "product-view",
        extends: [BaseProductView, BaseBannerPromotion],
        data() {
            return {
                isCopy: false
            }
        },

Answer 1

Extend only works with one parent component.
To extend a component with the functionality of multiple entities, use mixins/mixins .

Answer 2

Tried with arrays but doesn't work.

And it shouldn't - we look at the documentation , we see that there is no array among the allowed types.