Question

是否可以扩展通过NPM安装的导入组件的模板？

我试过这个，但是没有用。

import Foo from 'Foo'

export default {
     extends: Foo,

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

Answer 1

仅.vue个文件导出组件定义，因此您可以执行以下操作：

import Foo from 'Foo'

var Bar = {

    // inherit everything from Foo
    mixins: [Foo], 

    // rewrite the template
    template: `<div>` + Foo.template + `</div>`
}

export default Bar

请记住，Foo只是一个对象，它只是组件的定义，就像您在自己的组件中导出的那样，因此您可以随意使用它的所有选项，但如果你修改它们会影响它们在整个项目中的使用。做以下事情时要三思而后行：

Foo.template = `<div>${Foo.template}</div>`

导入vue组件并扩展模板

1 个答案: