组件之间的传值 子传父

zi.vue
<template>
    <div>
        子组件:
        <span>hha</span>
        <button @click="clickBtn"> 点我传递给父亲 </button>
        </div>
</template>
export default {
    data(){
        return{
          msg:"儿子数据 传递给父亲"
        }
    },
    methods: {
        clickBtn(){
           this.$emit("getval",this.msg) //触发自定义事件 参数1:自定义事件的名称 参数2：要传递的参数
        } 
    },
}

<template>
    <div>
       父组件: 
       <child @getval="getzivalue"></child> 
    </div>
</template>
<script>
import child from "../zi/zi"
export default {
    components: {
      child
    },
    data () {
        return {
        }
    },
    methods:{
      getzivalue(mess){
         console.log("儿子传递过来的参数"+mess) //输出 “儿子数据 传递给父亲”
       }
    }
}
</script>