今回は、vue-cli コンポーネントの構成と使用方法について説明します。vue-cli コンポーネントの構成と使用に関する 注意事項 について、実際のケースを見てみましょう。
概要: ファイルはモジュールであり、モジュールを導入し、モジュールを公開する方法が必要ですコンポーネント内で別のコンポーネントを使用するには、コンポーネントの導入、コンポーネントの登録、コンポーネントの使用の 3 部作があります1.main.js ファイルの解釈 。src フォルダー.import (es6) に vue とルートコンポーネント app.vue が導入されます。アプリケーション
2、 コンポーネント
を使用します。 定義されたコンポーネントは通常、コンポーネント ディレクトリ に配置されます。 コンポーネント プロセス
a を使用します。公開する必要はありません)
b . 親コンポーネントは子コンポーネントを導入し、コンポーネントを登録し(グローバルコンポーネントは導入する必要はありません)、コンポーネント
拡張子: import を使用します。
import OO from XX1.import は var と同等で、変数 OO を宣言します (定義、構造化、代入が両方可能であるため) 2.from: どのファイルをインポートするか 。自分で定義したファイルは相対パス './' を必ず記述してくださいノードを導入する場合はモジュール配下のファイルを記述する必要はありません
import 変数 from 'モジュールパス import {分割代入} from 'モジュール パス
import {* as variable} from 'モジュール パス
3. このとき、オブジェクトにオブジェクトを返したい場合は、オブジェクトが受信できるように、まず XX がオブジェクトを公開する必要があります。それを現在のファイルで使用します。公開するオブジェクトの形式に応じて、変数
。この記事のケースを読みました。この方法をマスターしたら、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
複数の配列をマージするときにデータの重複を排除する方法
ローカル JSON データをリクエストするように vue を構成するにはどのような手順が必要ですか
以上がvue-cli コンポーネントの構成と使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。