vue3向父组件传多个参数

可以使用v-bind指令将多个参数绑定到一个对象上，然后在父组件中通过props接收该对象。例如：

子组件中：

<template>
  <button @click="sendData">发送数据</button>
</template>

<script>
export default {
  data() {
    return {
      data1: 'hello',
      data2: 'world',
      data3: 123
    }
  },
  methods: {
    sendData() {
      this.$emit('send-data', {data1: this.data1, data2: this.data2, data3: this.data3})
    }
  }
}
</script>

父组件中：

<template>
  <div>
    <child-component @send-data="handleData"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleData(data) {
      console.log(data.data1)
      console.log(data.data2)
      console.log(data.data3)
    }
  }
}
</script>

这样就可以向父组件传递多个参数了。