vue3子组件给父组件传值

在Vue3中，子组件给父组件传值有两种方式。第一种是通过`props`接收父组件的值，在`setup`函数中使用`emit`方法将值传递给父组件。第二种方式是使用`provide`和`inject`来实现传值。下面是两种方式的示例代码：

第一种方式：

<!-- 子组件 -->
<template>
  <div>
    <p>子组件</p>
    <button @click="fn">点击传值给父组件</button>
  </div>
</template>

<script>
export default {
  methods: {
    fn() {
      this.$emit('handle', '子传给父的值')
    }
  }
}
</script>

第二种方式：

<!-- 子组件 -->
<template>
  <div>
    <p>子组件</p>
    <button @click="fn">点击改变父组件的值</button>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref, inject } from 'vue'

export default defineComponent({
  setup() {
    const fn = () => {
      const handle = inject('handle')
      handle('子组件传给父组件的值')
    }

    return { fn }
  }
})
</script>

您还有其他问题吗？