vue $emit用法,子页面或组件传数据给父页面

父页面:

<div>
    <hello @showMsg="show">
</div>
<script>

export default {
  methods:{
    show(){
      console.log('子页面点击了');
    }
  }
}


</script>

子页面:

<div>
    <div @click="showClick()"></div>
 
</div>
<script>
export default {
  methods:{
    showClick(){
    var value ="test";
    //注意,这里的
showMsg对应的是父页面的接收事件,名字要一样
    this.$emit("showMsg", value)     
    }   
  }
}
</script>
原文地址:https://www.cnblogs.com/codeDevotee/p/13301655.html