Vue扩展组件模板

Question

是否可以扩展从NPM包导入的组件？

现在我已经尝试了这个，但是没有工作：

import Foo from 'Foo'

export default {
     extends: Foo,

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

Answer 1

经过一些测试，简单的解决方案是确保为任何正在扩展的组件导出Vue.extend（）对象而不是普通对象。

就我而言，基本组件：

<expr> :=    <expr> '+' <num> 
          |  <num>

和扩展组件：

 import Vue from 'vue'

 export default Vue.extend({ [component "Foo" definition] })