Vue学習ノート:データ転送(三)
1、同級間のデータ転送:this.$Emit(「カスタムイベント」,「送信データ」)
child
export default {
name:'Child',
data(){
return{
msg:' '
}
},
methods:{
sendMsg(){
this.$emit('onSend',this.msg)
}
}
}
Parent
：{{msg}}
import Child from './Child'
export default {
name:'Parent',
data(){
return{
msg:''
}
},
components:{
Child,
},
methods:{
getMsg(data){
//console.log(data)
this.msg=data
}
}
}
2、 ：v-$attrs：
： 、
//
//data
data(){
return{
xMsg:' Parent '
}
}
：
// v-bind=$attrs
：
：{{xMsg}}
//
props:["xMsg"]
3、 ：v-on:$listeners；
：
data(){
return{
cMsg:' Sunzi '
}
},
methods:{
sendMsg(){
this.$emit('myEvent',this.cMsg)
}
}
：
：
：{{gMsg}}
data(){
return{
gMsg:''
}
},
methods:{
getData(data){
this.gMsg=data
}