Vue之子传父。

子组件给父组件传值！

话不多说，直接上代码吧！

父组件如下：

<template>
<div>  <!--handleReceive是子组件生成事件-->
<son @handleReceive="handleReceives"></son>
</div>
</template>
<script>
import son from '引入子组件';
export default {
  component:{son},
  methods:{
  handleReceives(data){    //  data===> 子组件传过来的msg
     console.log(data);  
}
}
}
</script>

子组件如下：

<template>
<div>
<button @click=handleByValue>点我传值给父组件</button>
</div>
</template>
<script>
export default {
data(){
return{
  msg:"我是子组件的数据"
}
},
  methods:{
   handleByalue(){     //触发事件后 生成handleReceive事件 ，并且把this.msg传过去
    this.$emit('handlelReceive',this.msg);
}
}
}
</script>