Vueの研究ノートのDay04

1、コンポーネントベースの開発
コンポーネントのコンストラクタを作成します。

コンポーネントのタイトル

コンポーネントコンテンツ


Vue.extend testComponent =定数({
テンプレート: 'テンプレート名'
}):
Vue.extend()は、テンプレートは、カスタムコンポーネントテンプレートである、コンストラクタ関数の構成要素である
登録成分:
Vue.component =( 'CPN'、testComponent)。カスタムラベルCPN、コンポーネントは、HTMLタグに直接呼び出しに挿入され、
コンポーネントの呼び出しがVUE例でカスタムラベルを使用する必要が装着され、
グローバルコンポーネントは、外部VUEのインスタンスであるグローバル部品、缶を登録します要素マウントVUE他の例では、コンポーネントVUE登録以下の実施例は、ローカルコンポーネントであると呼ばれるVUEのみ、この場合に使用することができ、
他のコンポーネントの下に登録サブアセンブリ親コンポーネントとは、サブアセンブリその後で登録コンポーネントアセンブリ親コンポーネントである
糖衣構文は、コンポーネント登録: CONST =新しい新しいアプリヴュー({ EL:「要素をマウント」、 コンポーネント:{ 「カスタムラベル」:{ テンプレート:「テンプレート名」 } } }) ;








データ要素のデータ要素は、以下の自身の登録コンポーネントで書かれている
のconst =新しい新しいアプリケーションのVue({
EL:「要素をマウントする」
コンポーネント:{
「カスタムラベル」:{
テンプレート:「テンプレート名」、
データ(){
リターン:{
データ:「」
}
}
}
});
データ成分は関数である必要があり、関数、オブジェクト、オブジェクトストアのデータを返し、
2、親コンポーネントとサブアセンブリの間の通信
親コンポーネントに送信されたデータ小道具使用してサブアセンブリ
小道具プロパティサブアセンブリセット


小道具データ検証、我々はオブジェクトを使用する場合、小道具の種類を検証する必要があるが、検証がデータ検証の次の種類をサポートしています

$ EMITを使用して()登録自己サブアセンブリは、親コンポーネントにデータを渡しますカスタムイベント
サブコンポーネントは、親コンポーネントにデータを渡すカスタムイベントの$ EMIT(「カスタムイベント名」)メソッドを介して行われ、親、親コンポーネントによって、何らかの方法でこのイベントリスナーの、カスタムコンポーネントをこのカスタムイベントをトリガ親コンポーネント独自のイベント、応答を登録し、このカスタムイベントに耳を傾け、


親コンポーネントのアクセスサブコンポーネントを、1、$ 2人の子供、$親

のサブコンポーネントにアクセスするには、$子どもによっては、あります インデックス値を通じたアクセスがサブアセンブリ必要がある配列型、。あまりにも多くのサブコンポーネントは、我々は1を取得する必要がある場合でも、それは、そのインデックス値を決定することができないとさえ変更されることがあります。時には、我々は明確な一つの特定のコンポーネントを取得したい、この時間は、あなたは$ REFを使用することができます
$レフリーrefと命令は、一般的に一緒に使用されています。
まず第一に、我々は、サブコンポーネントを参照することによって、特定のIDにバインドされています。
第二に、これを通じて。$ Refs.IDは、コンポーネントにアクセスすることができます。


我々は$親によってサブアセンブリ内の親コンポーネントに直接アクセスし、必要な場合

おすすめ

転載: www.cnblogs.com/recluse/p/12093557.html