I am using vue-loader to construct my *.vue single-file components, but I am having trouble with the process of extending a single-file component from another.
If one component follows the spec to export default { [component "Foo" definition] }, I would think it is just a matter of importing this component (as I would with any child component) and then export default Foo.extend({ [extended component definition] })
Unfortunately this does not work. Can anyone please offer advice?
The proper way to do this would be to use mixins: http://vuejs.org/guide/mixins.html
Think of mixins as abstract components, which you can extend. So you could create a mixin with any functionality you wanted to have in both, and then just apply it to each of your components.