通信VUEのコンポーネント

通信コンポーネント 

  1.サンズ通信コンポーネント 

 ケース:

 
//親子の通信コンポーネントのアイデア
個々のサブアセンブリに結合親コンポーネントサブアセンブリのカスタムデータに1つの//データ
特許性:// 2つのサブアセンブリは、小道具を使用するカスタムを受け入れ

Vue.component( '父'、{
テンプレート: '#の父、
データは関数でなければならないデータ(){//データコンポーネント
{戻ります
お金:1000
}
}
})

Vue.component( 'A'、{
テンプレート: '#の息子、
小道具:[ 'こんにちは']
//小道具:[ 'お金']
//小道具:{//データの検証
// 'monery':ナンバー
//}
})
 

 通信サブ親コンポーネント

//定義コンポーネント
Vue.component( '父'、{
テンプレート: '#の父、
データ(){
サブアセンブリするためのデータを受信するためのリターン{//
寿:0
}
}、
方法:親の組立方法で定義されている{//イベントハンドラメソッドその後、親コンポーネントは、カスタムバインディングサブアセンブリ本体の息子の形態を有します
サブアセンブリを受けるFN(DA){//パラメータ
this.shou =ダ
}
}
})

Vue.component( 'A'、{
テンプレート: '#の息子、
データ(){//第1のサブアセンブリデータ
{戻ります
お金:5000
}
}、
方法:{
givehongbao(){
これは。$発する( '与える'、this.money)
//。$エミット2つの伝送パラメータパラメータ1パラメータ2は、このお金を通過する方法のサブアセンブリのカスタムデータの名前を与えます
}
}

})

おすすめ

転載: www.cnblogs.com/wanghsing/p/11415393.html