vue-cli コンポーネントをインポートして使用する方法

今回は、vue-cli コンポーネントをインポートして使用する方法と、vue-cli コンポーネントのインポートと使用を実装するための注意事項について説明します。実際のケースを見てみましょう。

ファイルはモジュールであり、モジュールを導入し、モジュールを公開する方法が必要です

コンポーネント内で別のコンポーネントを使用するには、コンポーネントの導入、コンポーネントの登録、コンポーネントの使用の 3 つのステップがあります

1 .main.js ファイルの解釈

は、src フォルダー

.import (es6) の下に vue とルート コンポーネント app.vue を導入します 最後に、新しい Vue がアプリケーション
を開始します。

2. コンポーネント

の使用。 定義されたコンポーネントは通常、コンポーネントディレクトリに配置されます。コンポーネント内にスクリプトがない場合、参照されるファイルが公開されます。公開する必要はありません)

b. 親コンポーネントの導入 サブコンポーネント、登録済みコンポーネント (グローバルコンポーネントは導入する必要はありません)、コンポーネント

拡張子: import

import OO from XX

1.importはvarに相当し、変数OOを宣言させます(カスタマイズ、代入の分割、全てOK)

2.from: どのファイルをインポートするか

自己定義ファイルの場合は必ず指定してください。相対パス './'

を記述します。node-modules の下にファイルをインポートする場合は、

import variable from 'module path
import {destructuring assigns} from 'module path

import { を記述する必要はありません。 * as variable} from 'module path

3. この時点で、OO はオブジェクトを返します

4. オブジェクトにコンテンツを持たせたい場合は、OO がそれを受け取って使用できるように、最初にオブジェクトを公開する必要があります。現行ファイル。公開するオブジェクトの形式に応じて、引き継ぐ変数の形式を決定します

複数のオブジェクトを公開し、1つの変数を通じて受信します

。この記事の事例を読んだことがあるはずです。この方法をマスターしたら、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

antdドロップダウンボックス連携を使用する手順の詳細な説明

JSを使用して複数の配列をマージして再計算する方法

以上がvue-cli コンポーネントをインポートして使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。