Vue extend component template

Asked May 29 '17 at 08:22

Active May 17 '18 at 16:35

Viewed 1,357 times

Is it possible to extend a component imported from an NPM package?

Right now I've tried this, but doesn't work:

import Foo from 'Foo'

export default {
     extends: Foo,

     template: `<p>foo</p>`
}

edited May 29 '17 at 14:57

asked May 29 '17 at 08:22

Qar

Import -> import – Kirill Matrosov May 29 '17 at 08:24
What do you mean with "extend a component" ? Do you just want to use the npm component inside yours ? – Kyllian Vinkler May 29 '17 at 09:31
@KyllianVinkler, Extend = to make new instance constructor in app. – Kirill Matrosov May 29 '17 at 09:40
1

I wish to ammend the template in the package a bit. It is a typeahead package. I wish to ammend the dropdown template of this. – Qar May 29 '17 at 10:16
3

Possible duplicate of [How do I extend another VueJS component in a single-file component? (ES6 vue-loader)](https://stackoverflow.com/questions/35964116/how-do-i-extend-another-vuejs-component-in-a-single-file-component-es6-vue-loa) – Roy J May 29 '17 at 10:56

0 Answers0