vue-cli コンポーネントの構成と使用

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

概要:

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

コンポーネント内で別のコンポーネントを使用するには、コンポーネントの導入、コンポーネントの登録、コンポーネントの使用の 3 部作があります

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

。src フォルダー

.import (es6) に vue とルートコンポーネント app.vue が導入されます。アプリケーション

2、 コンポーネント

を使用します。 定義されたコンポーネントは通常、コンポーネント ディレクトリ に配置されます。 コンポーネント プロセス

a を使用します。公開する必要はありません)

b . 親コンポーネントは子コンポーネントを導入し、コンポーネントを登録し(グローバルコンポーネントは導入する必要はありません)、コンポーネント

拡張子: import を使用します。

import OO from XX

1.import は var と同等で、変数 OO を宣言します (定義、構造化、代入が両方可能であるため)

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

。自分で定義したファイルは相対パス './' を必ず記述してください

ノードを導入する場合はモジュール配下のファイルを記述する必要はありません

import 変数 from 'モジュールパス import {分割代入} from 'モジュール パス

import {* as variable} from 'モジュール パス

3. このとき、オブジェクトにオブジェクトを返したい場合は、オブジェクトが受信できるように、まず XX がオブジェクトを公開する必要があります。それを現在のファイルで使用します。公開するオブジェクトの形式に応じて、変数

の形式を決定します。 複数のオブジェクトを公開し、分割代入を通じて受信します

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

推奨読書:

複数の配列をマージするときにデータの重複を排除する方法

ローカル JSON データをリクエストするように vue を構成するにはどのような手順が必要ですか

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