Vue子组件如何$emit传递数据给父组件

$emit：主要用于子组件传递数据或事件给父组件
想要让子组件的数据传递给父组件，需要借助$emit方法还有函数进行传递，首先子组件的事件通过$emit方法绑定父组件创建的函数，并传递数据过去，之后在父组件进行接受。

父组件

<script>
<template>
<ParentEvent @childEmit="changeParent"/>
<p>{{ ParentData }}</p>
</template>
<script>
import ParentEvent from './components/parentEvent.vue'
export default {
  data() {
    return {
      ParentData: '父组件数据'
    }
  },
  methods: {
    changeParent(childData) {
      this.ParentData = childData
    }
  },
  components: {
    ParentEvent
  }
}
</script>

子组件

<template>
    <button @click="$emit('childEmit', childData)">点我更改父组件数据</button>
</template>
<script>
export default {
    emits: ['childEmit'], // 这段可以不用，但是为了更标准还是加上
    data() {
        return {
            childData: '子组件的数据'
        }
    }
}
</script>