vue.use メソッドの使用法: まず Vue.js プラグインをインストールし、次にグローバル メソッド "Vue.use()" を通じてプラグインを使用します。その構文は "vue.use()" などです。 use(プラグイン、引数)」。
#このチュートリアルの動作環境: Windows7 システム、vue2.0 バージョン、thinkpad t480 コンピューター。
推奨事項: "
vue チュートリアル"
公式 API の紹介:
公式 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 'vue';
import ElementUI from 'element-ui'; // 1
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI); // 2
new Vue({
el: '#app',
render: h => h(App)
});ログイン後にコピー
上記のコードで Element の導入が完了します。スタイル ファイルは別途インポートする必要があることに注意してください。
を使用すると、Vue の単一ファイル コンポーネントで Element 要素を直接使用できます。 ＃＃＃＃＃＃どうしたの？
1. 最初のコメントは ElementUI
import ElementUI from 'element-ui'
// TODO 理解如何导入模块
ログイン後にコピー
をインポートします。以下は src/index.js の内容です。ご覧のとおり、index.js はオブジェクトをエクスポートします。上記の import ステートメントでは、このオブジェクトに ElementUI という変数名が付けられています。ここでのインストール機能に注意してください。
/*
index.js
*/export default {
version: '2.11.1',
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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
