ホームページ > 記事 > ウェブフロントエンド > vue.useの使い方
vue.use の使用方法: まず、対応するコード ファイルを開き、次にグローバル メソッド "Vue.use()" を通じてプラグインを使用します。その構文は "vue.use(plugin,引数)」。
このチュートリアルの動作環境: Windows 7 システム、vue バージョン 2.0、Dell G3 コンピューター。
推奨事項: "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 '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 の導入が完了します。スタイル ファイルは別途インポートする必要があることに注意してください。
44ca90894c9c5c4dffec4b93a1966d66abc819eb726d549244df5ee5de853a0c を使用すると、Vue の単一ファイル コンポーネントで Element 要素を直接使用できます。 ######どうしたの?
1. 最初のコメントは ElementUI
import ElementUI from 'element-ui' // TODO 理解如何导入模块 以下是src/index.js的内容。可以看到,index.js导出了一个对象,在上面的import语句中,这个对象被赋予ElementUI的变量名。请注意到这里的install函数。 /* index.js */export default { version: '2.11.1', locale: locale.use, i18n: locale.i18n, install, ... };
をインポートすることです。2 番目のコメントは ElementUI
Vue.use(ElementUI);
をインストールすることです。ここでは Vue.use メソッドが使用されていることがわかりました。 ElementUI オブジェクトが渡されます。 Vue.use ドキュメントから、これが ElementUI オブジェクトの install メソッドを呼び出して Vue に渡すことがわかります。
rree以上がvue.useの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。