Vue3 子传父 暴露数据 defineExpose

defineExpose 属性：用于将子组件中的数据和方法，暴露给父组件，父组件再配合 ref 属性使用。

语法格式

// 子组件：暴露数据和方法
defineExpose({ 数据, 数据, 方法 });

// 父组件：使用数据和方法
ref名称.value.数据
ref名称.value.方法()

基础使用

一、子组件：创建 Child 子组件，通过 defineExpose 暴露数据和方法。

二、父组件：给 Child 组件标签绑定 ref 属性，使用数据和方法。

注：子组件加载完毕后，才能使用数据和方法。所以不能直接在 setup 中使用。

最终效果：

原创作者：吴小糖

创作时间：2024.1.11