const changedialogFormVisible = =dialogFormVisiblevalue = truedefineExposechangedialogFormVisible为什么父组件调用不了

在Vue 3中，使用defineExpose将一些组件的内部方法暴露给父组件是不起作用的。defineExpose只用于将组件的内部属性和状态暴露给子组件。

如果你想要在父组件中调用子组件的方法，你可以使用ref或reactive创建一个响应式对象，并在子组件中使用toRefs将该对象的方法暴露给父组件。

下面是一个示例：

// 子组件
import { defineComponent, ref, toRefs } from 'vue'

export default defineComponent({
  setup() {
    const dialogFormVisible = ref(false)

    const changeDialogFormVisible = () => {
      dialogFormVisible.value = true
    }

    return {
      ...toRefs(dialogFormVisible),
      changeDialogFormVisible
    }
  }
})

// 父组件
<template>
  <ChildComponent ref="child" />
  <button @click="openDialog">Open Dialog</button>
</template>

<script>
import { ref } from 'vue'

export default {
  methods: {
    openDialog() {
      this.$refs.child.changeDialogFormVisible()
    }
  }
}
</script>

在子组件中，我们使用ref创建了一个响应式对象dialogFormVisible，并在changeDialogFormVisible方法中更新了该对象的值。然后，我们使用toRefs将该对象的属性和方法暴露给父组件。

在父组件中，我们使用ref创建了一个引用对象，并在模板中将子组件添加为引用对象的属性。然后，我们可以通过this.$refs.child访问子组件，并调用changeDialogFormVisible方法。

这样，父组件就可以调用子组件中暴露的方法了