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

php中世界最好的语言
リリース: 2018-04-28 15:29:03
オリジナル
2131 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!