子组件给父组件传值，子组件获取父组件的值

父组件

<template>
  <div>
    <!-- 父组件获取子组件的值 -->
    <t-son @func="getMsgFormSon"></t-son>
    <div>{{ sonData }}</div>
  </div>
  
</template>

<script>
import Son from './Son'
export default {
  data() {
    return {
      name: '父亲的值',
      sonData: null
    }
  },
  components: {
    "t-son" : Son
  },
  methods: {
    getMsgFormSon(data){
        this.sonData = data 
    }

  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>

子组件

<template>
  <div v-show="show" @click="sendMsg">
    1111
    <!-- 获取父组件中的值 -->
    <div>{{ this.$parent.name }}</div>
  </div>
  
</template>

<script>
import {mapState} from 'vuex';
export default {
  data() {
    return {
      msg: '儿子传值给爸爸'
    }
  },
  methods:{
         sendMsg(){
             //func: 是父组件指定的传数据绑定的函数，this.msg:子组件给父组件传递的数据
             this.$emit('func',this.msg)
         }
     }
}
</script>

<style scoped>
  
</style>