ルートビューのインスタンスを拡張する

Question

私はルートVue 2のインスタンスを自分のアプリケーションのすべてのページにマウントしているので、私のアプリケーションの2ページだけにアクセスするメソッドを追加する必要があります。私はルートVueのインスタンスにこれらのメソッドを追加することができますが、私は、それらのメソッドは、アプリケーション内の他のすべてのページから利用可能になると私はしたくない依存関係があるので、すべてのページにインポートします。

// page1.js 

Vue.prototype.method1 = function(){...} 

しかし、私は、これらの方法Iにアクセスする必要がある2ページ目：私は、私はこれらのメソッドを必要とするページにロードする別のJSファイルにグローバルVueのプロトタイプを拡張することについて考え

// app.js 

//## Root Vue Instance 
window.App = new Vue({ 
    el: '#app', 
    methods: { 
    ... 
    } 
}) 

自分自身を繰り返す必要があります。

// page2.js 

Vue.prototype.method1 = function(){...} 

これについては、どのような方法が推奨されますか？たぶん、Vueミックスインまたはプラグインのユースケースがあります。

Answer 1

あなたが選びだしコンポーネントやインスタンスを拡張するためにミックスインを使用することができますドキュメントhttps://vuejs.org/v2/guide/mixins.html#

をご覧ください。また、1つの行ですべてのコンポーネントとインスタンスのmixinグローバルを宣言することもできます。ミックスインは、本当にそれらを拡張するので、インスタンスが行うことができるすべてを行うことができます。