子组件:
method内定义一个方法 toFather( ) { this.$emit ('middleMan','爸爸') };
而后给子组件定义一个点击事件,执行上述toFather方法。
父组件:
<child @middleMan = "saveImformation" >
method内定义一个方法saveImformatition()保存接收到的数据
saveImformatition ( msg ) { this.who = msg }
使用思路(父组件):
//引用组件
import comA from "./components/comA";
//组件申明
components:{comA}
//自定义事件
<comA @my-event="comaEvent"></comA>
//parm为从子组件接收到的参数,并把参数存起来
comaEvent(parm){
console.log(parm)
}
(子组件):
//定义事件
<button @click="emitEvent"></button>
//"my-event"是与父组件通信的暗语,this.data是要传递的参数(可传可不传)
emitEvent(){
this.$emit("my-event",this.data)
}