vue3语法糖父传值

1、父传子

父组件

    <Apply-declare
      ref="ApplyDeclareRef" // 定义ref用于使用子组件的相关信息
      :operator-obj="state.operatorObj" // 父传递的值
      @fetch-data="fetchData" // 父组件传递的函数事件
    />

子组件

// 接收父组件的值
const { operatorObj } = defineProps(['operatorObj']) as any
// 接收父组件的函数事件
const emit = defineEmits(['fetch-data'])
emit('fetch-data') // 使用事件

2、子传父

子组件

  const handleShow = () => {
    dialogFormVisible.value = true
  }
  defineExpose({
    handleShow, // 子组件抛出要ref访问的数据
  })

父组件

AuditDialogRef.value.handleShow()