web-dev-qa-db-ja.com

Vue.jsにグローバル関数を含める

Vue.jsアプリケーションでは、いくつかのグローバル関数が必要です。たとえば、データにアクセスする必要があるたびに呼び出すことができるcallApi()関数。

すべてのコンポーネントでアクセスできるようにこれらの関数を含める最良の方法は何ですか？

  • Functions.jsファイルを作成し、main.jsに含める必要がありますか？
  • Mixinを作成して、main.jsに含める必要がありますか？
  • より良いオプションはありますか？
javascriptvue.jsvue-resourcevue-component
17
Jordy

最善の策はプラグインを使用することです。プラグインを使用すると、機能をグローバルvue=システムに追加できます。

[ vuejs Docs] から

MyPlugin.install = function (Vue, options) {

// 1. add global method or property
Vue.myGlobalMethod = ...

// 2. add a global asset
Vue.directive('my-directive', {})

// 3. add an instance method
Vue.prototype.$myMethod = ...

}

次に追加するだけです

Vue.use(MyPlugin)

関数を呼び出す前にコード内で。

Vue.myGlobalMethod(parameters);

またはあなたの場合

Vue.callApi(parameters);
16
Justin MacArthur

ミックスインもグローバルに登録できます。 https://vuejs.org/v2/guide/mixins.html#Global-Mixin

4
Victor Bastos