vue.useメソッドの使い方-Vue.js-php.cn

vue.useメソッドの使い方

藏色散人

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

オリジナル

2767 人が閲覧しました

vue.use メソッドの使用法: まず Vue.js プラグインをインストールし、次にグローバルメソッド "Vue.use()" を通じてプラグインを使用します。その構文は "vue.use()" などです。 use(プラグイン、引数)」。

vue.useメソッドの使い方

#このチュートリアルの動作環境: Windows7 システム、vue2.0 バージョン、thinkpad t480 コンピューター。

推奨事項: "

vue チュートリアル"

公式 API の紹介:

Vue.use(plugin)

ログイン後にコピー

公式 Web サイトの説明は次のとおりです。グローバルメソッド Vue を使用します。 use() プラグインを使用します。

vue.use（plugin, arguments）

ログイン後にコピー

パラメータ

{Object | function} plugin

ログイン後にコピー

使用法

Vue.jsプラグインをインストールします。プラグインがオブジェクトの場合は、インストールメソッドを提供する必要があります。プラグインが関数の場合、インストールメソッドとして機能します。 install メソッドが呼び出されるとき、Vue がパラメータとして渡されます。

このメソッドは、New Vue() を呼び出す前に呼び出す必要があります。

同じプラグインによって install メソッドが複数回呼び出された場合、プラグインは 1 回だけインストールされます。

Element-UI の例

ElementUI ドキュメントによると、Vue cli で構築されたプロジェクトで ElementUI を次のように使用します

/*
mian.js
*/
import Vue from &#39;vue&#39;;
import ElementUI from &#39;element-ui&#39;; // 1
import &#39;element-ui/lib/theme-chalk/index.css&#39;;
import App from &#39;./App.vue&#39;;
Vue.use(ElementUI); // 2
new Vue({
el: &#39;#app&#39;,
render: h => h(App)
});

ログイン後にコピー

上記のコードで Element の導入が完了します。スタイルファイルは別途インポートする必要があることに注意してください。

を使用すると、Vue の単一ファイルコンポーネントで Element 要素を直接使用できます。＃＃＃＃＃＃どうしたの？

1. 最初のコメントは ElementUI

import ElementUI from &#39;element-ui&#39;
// TODO 理解如何导入模块

ログイン後にコピー

をインポートします。以下は src/index.js の内容です。ご覧のとおり、index.js はオブジェクトをエクスポートします。上記の import ステートメントでは、このオブジェクトに ElementUI という変数名が付けられています。ここでのインストール機能に注意してください。

/*
index.js
*/export default {
  version: &#39;2.11.1&#39;,
  locale: locale.use,
  i18n: locale.i18n,
  install,
  ...
};

ログイン後にコピー

2. 2 番目のコメントは、ElementUI

Vue.use(ElementUI);

ログイン後にコピー

をインストールすることです。ここでは Vue.use メソッドが使用され、ElementUI オブジェクトが渡されることがわかりました。 Vue.use ドキュメントから、これが ElementUI オブジェクトの install メソッドを呼び出して Vue に渡すことがわかります。

rree

以上がvue.useメソッドの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。