まず、聞かせてのは3ページ、メインページ、二つのサブページを定義します
例:あるmyForm myTabelと二つのサブページが定義されています
最初のステップ:ホームページのご紹介
"@ / MyFormを"からインポートあるmyForm。 "@ / MyTableという"から輸入myTabel。
ステップ2:成分 (完成登録登録またはエラーが第三のステップでなければならないであろう。)
成分:{ あるmyForm、 myTabel、 }
第三段階:挿入
<あるmyForm> </あるmyForm> <myTabel> </ myTabel>
値法による-----------
息子の父
例:私は、データ内のデータのリストを定義しました。
リスト:[ {ID:1、名称: "铁柱"、年齢:18、性別: "男"} ]
最初のステップ:データを転送します
<myTabel:parentData = "リスト"> </ myTabel>
:サブページにする名前を受け取る =「姓を渡す必要」
ステップ2:サブページには、データを受信し
小道具:[ 'parentData']
親の子伝送
例:
最初のステップ:イベントを定義
<EL-ボタンタイプ= "プライマリ" をクリック@ = "updateBtn(item.id)">确定</ EL-ボタン>
ステップ2:Writeメソッド方法
方法:{ updateBtn(ID){ この$ EMIT( "更新データ"、ID)。 } }
()、最初のパラメータは、親ページイベントの名前を受信する必要があり、2番目のパラメータは、あなたが過去に合格する必要があることをデータです。
第三段階:受信親ページ
<myTabel:更新データ@リスト= "リスト" = "にupdateData"> </ myTabel>
レセプション、@を使用するサブページの定義名の最初の値、 このページの名前の後ろには、イベントによって、イベントの独自の定義では、get値
値によってブラザーズ
まず、main.jsにメソッドを定義します
Vue.prototype。メソッド名=新しいヴュー()
ページ
确定</ EL-ボタン> <クリック= "updateBtn(item.id)" @ EL-ボタン型= "プライマリ"> {:方法 updateBtn(ID){ this.public $ EMIT( "更新データ"。 ID)。 } }
同様に、次にthis.public。$エミット(「2番目のページは名前を受信する必要がある」、「第二の値がデータパスである」)入力データを使用して、イベントを定義
ページ2
例:で作成したライフサイクルの受信機能
作成(){ This.public。( '更新データ'、値=> {に$ にconsole.log(値)取值 }) }
。(「上this.public $ 最初の1ページ上の定義名」、「第二は、関数(パラメータである1 :データのページの上に最後のパス)」)