title: How do I extend another VueJS component in a single-file component? (ES6 vue-loader)
body: <p>I am using <a href="https://vue-loader.vuejs.org/" rel="nofollow noreferrer">vue-loader</a> to construct my <code>*.vue</code> single-file components, but I am having trouble with the process of extending a single-file component from another.</p>
  <p>If one component follows the spec to <code>export default { [component &quot;Foo&quot; definition] }</code>, I would think it is just a matter of importing this component (as I would with any child component) and then <code>export default Foo.extend({ [extended component definition] })</code></p>
  <p>Unfortunately this does not work. Can anyone please offer advice?</p>