vueコンポーネントをインポートしてテンプレートを拡張する

Question

NPM経由でインストールされたインポートされたコンポーネントのテンプレートを拡張できませんか？

私はこれを試しましたが、動作しません。

のみ

import Foo from 'Foo' 

export default { 
    extends: Foo, 

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

Answer 1

.vueファイルエクスポートコンポーネントの定義、あなたはこのような何かすることができますので：Fooは単なるオブジェクトであることを覚えておいてください

import Foo from 'Foo' 

var Bar = { 

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

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

export default Bar 

を、それはコンポーネントの単なる定義です独自のコンポーネントでエクスポートしたものと同じように、すべてのオプションを自由に使うことができますが、変更するとプロジェクト全体の使用に影響します。次のような場合は、2回考えてください。

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