vue3组件事件传参

 一 语法

      

this.$emit("function",param);   //其中function为父组件定义函数，param为需要传递参数

二如何实现

父:通过子组件传递过来的函数'child-event进行接受

 
 
<script>
import ChildComponent from './ChildComponent.vue';
 
export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      childMessage: '',
    };
  },
  methods: {
    handleChildEvent(message) {
      this.childMessage = message;
    },
  },
};
script>

子：通过 this.$emit('child-event', 'Hello from child');进行传递

  
  <script>
  export default {
    methods: {
      sendMessage() {
        this.$emit('child-event', 'Hello from child');
      },
    },
  };
  script>

子传值的函数要和夫组件函数名保持一致