プラグイン

ディレクトリ

• プラグインの使用

• プラグインの開発

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

1. グローバル メソッドまたは属性を追加します。例: vue-custom-element

2. グローバル リソース: 命令/フィルター/トランジションなどを追加します。 vue-touch

など 3. グローバル ミキシングを通じていくつかのコンポーネント オプションを追加します。 vue-router

など。 4. Vue インスタンス メソッドを Vue.prototype に追加します。

5. 独自の API を提供し、上記の機能を 1 つ以上提供するライブラリ。たとえば、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() を明示的に呼び出す必要があります: 提供されたプラグインとライブラリ。

#プラグインの開発

Vue.js プラグインは # を公開する必要があります## メソッドをインストールします。このメソッドの最初のパラメーターは Vue コンストラクターで、2 番目のパラメーターはオプションのオプション オブジェクトです:

// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时
var Vue = require('vue')
var VueRouter = require('vue-router')

// 不要忘了调用此方法
Vue.use(VueRouter)

---