Vue3 的 defineExpose 宏是如何工作的？

文章预览

前言 众所周知，当子组件使用setup后，父组件就不能像vue2那样直接就可以访问子组件内的属性和方法。这个时候就需要在子组件内使用 defineExpose 宏函数来指定想要暴露出去的属性和方法。这篇文章来讲讲 defineExpose 宏函数是如何暴露出去这些属性和方法给父组件使用。注：本文中使用的vue版本为 3.4.19 。 看个demo 父组件 index.vue 的代码如下：    "child" />    "handleClick">调用子组件的validate方法 "ts">
import ChildDemo from "./child.vue";
import { ref } from "vue";

const child = ref();

function handleClick() {
  console.log(child.value.validate) ………………………………