前端vue框架 父組件與子組件之間的相互調用
阿新 • • 發佈:2018-09-26
-o func 方法名 互調 required temp 之間 methods on()
子組件調用父組件東西:
1.在父組件與子組件契合的標簽的的template模板中綁定 v-bind:自定義一個名字=“要調用的名字”
2.在子組件的script中props:["自定義的名字"]
最嚴謹的props:{
自定義的名字:{
type:數據類型,
required:true
},
自定義的名字:{
type:數據類型,
required:true
}
}
3.同時把上面調用的原來的名字改成現在的
子組件傳值給父組件:
1.在子組件的script中的methods下定義一個方法
方法名:function(){
this.$emit(‘自定義一個名字‘,‘傳值的內容‘);
}
2.在父組件的template的一個標簽下輸入 v-on:自定義的名字=“再自定義一個名字($event)”\
3.在父組件的script中的methods下定義一個方法
第二次自定義的名字(參數){
this.參數=最開始傳值的名字;
}
前端vue框架 父組件與子組件之間的相互調用