javascript - 如何在单文件组件中扩展另一个 VueJS 组件？ (ES6 加载器)

Question

我正在使用 vue-loader构建我的 *.vue 单文件组件，但我在从另一个扩展单文件组件的过程中遇到了问题。

如果一个组件遵循 export default { [component "Foo"definition] } 的规范，我认为这只是导入该组件的问题(就像我对任何子组件所做的那样)然后 export default Foo.extend({ [extended component definition] })

不幸的是，这不起作用。任何人都可以提供建议吗？

Answer 1

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

在我的例子中，基础组件:

import Vue from 'vue'

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

和扩展组件:

import Foo from './Foo'

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