vue.jsプラグインとは

藏色散人
藏色散人オリジナル
2020-12-14 09:50:253151ブラウズ

vue.js プラグインは、テクノロジー スタックを強化するために使用される機能モジュールです。そのターゲットは Vue です。プラグインは、Vue の機能も強化および補完します。プラグインは、通常、グローバル関数を追加するために使用されます。 Vue に似ていますが、プラグインの機能範囲は厳密には制限されません。

vue.jsプラグインとは

#この記事の動作環境: Windows10 システム、vue2.9 バージョン、thinkpad t480 コンピューター。

vue プラグイン

Plugin (プラグイン) は、テクノロジー スタックを強化するために使用される機能モジュールであり、そのターゲットは Vue 自体です。 (プラグインは Vue の機能の拡張および補足です)

公式説明

プラグインは通常、Vue にグローバル機能を追加するために使用されます。プラグインの機能範囲には厳密な制限はありません。通常は次のタイプがあります。

グローバル メソッドまたはプロパティを追加します。例: vue-custom-element

グローバル リソースを追加します: ディレクティブ/フィルター/トランジションなど。たとえば、vue-touch

は、グローバル ミキシングを通じていくつかのコンポーネント オプションを追加します。たとえば、vue-router

は、Vue インスタンス メソッドを Vue.prototype に追加することによって追加します。

上記の関数を 1 つ以上提供しながら、独自の API を提供するライブラリ。たとえば、vue-router

プラグインの使用方法

グローバル メソッド Vue.use() を通じてプラグインを使用します。 new Vue() を呼び出してアプリケーションを開始する前に、これを完了する必要があります:

    // 调用 `MyPlugin.install(Vue)`
    Vue.use(MyPlugin)
    new Vue({
      // ...组件选项
    })

同じプラグインの複数の登録を防ぐには: オプションのオブジェクト

 Vue.use(MyPlugin, { someOption: true })

Vue.use を渡すことができます。自動的に同じプラグインの複数の登録を防止します。この場合、プラグインは複数回呼び出されても 1 回だけ登録されます。

注:

Vue.js によって正式に提供される一部のプラグイン (vue-router など) は、Vue がアクセス可能なグローバル変数であることを検出すると、自動的に Vue.use() を呼び出します。ただし、CommonJS のようなモジュール環境では、常に Vue.use() を明示的に呼び出す必要があります:

// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时
var Vue = require('vue')
var VueRouter = require('vue-router')
// 不要忘了调用此方法
Vue.use(VueRouter)

以上がvue.jsプラグインとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。