vue3，setup中子组件的给父组件传参，并且控制父组件中对话框的开关

在Vue 3中，可以使用`setup`函数来实现子组件向父组件传递参数并控制父组件中的对话框开关。

首先，在子组件的`setup`函数中，通过`defineProps`定义接收参数的props属性，并使用`emit`函数来触发自定义事件通知父组件。例如，我们可以定义一个名为`dialogVisible`的props属性来表示对话框的可见性：

<template>
  <div>
    <!-- 子组件内容 -->
    <button @click="openDialog">打开对话框</button>
  </div>
</template>

<script>
import { defineProps, emit } from 'vue';

export default {
  setup() {
    const props = defineProps(['dialogVisible']);

    const openDialog = () => {
      // 点击按钮时，通过emit函数触发自定义事件'update:dialogVisible'通知父组件打开对话框
      emit('update:dialogVisible', true);
    };

    return {
      openDialog
    };
  }
}
</script>

然后，在父组件中使用子组件，并传递参数和监听事件。同样可以使用`v-model`指令来实现双向绑定：

<template>
  <div>
    <!-- 父组件内容 -->
    <button @click="closeDialog">关闭对话框</button>
    <child-component v-model:dialogVisible="dialogVisible"></child-component>
    <dialog v-if="dialogVisible"></dialog>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';
import { ref } from 'vue';

export default {
  components: {
    ChildComponent
  },
  setup() {
    const dialogVisible = ref(false);

    const closeDialog = () => {
      dialogVisible.value = false;
    };

    return {
      dialogVisible,
      closeDialog
    };
  }
}
</script>

在父组件的`setup`函数中，使用`ref`函数来创建一个响应式的`dialogVisible`变量，并定义一个`closeDialog`方法来修改`dialogVisible`的值。子组件中的点击事件将通过`emit`函数触发`update:dialogVisible`事件，从而通知父组件更新`dialogVisible`的值，实现父子组件之间的参数传递和状态控制。