vue.jsプラグインとは-Vue.js-php.cn

vue.jsプラグインとは

藏色散人

リリース： 2023-01-13 00:44:56

オリジナル

3056 人が閲覧しました

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(&#39;vue&#39;)
var VueRouter = require(&#39;vue-router&#39;)
// 不要忘了调用此方法
Vue.use(VueRouter)

ログイン後にコピー

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