導入vue組件和擴展模板

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>`