父组件中执行子组件方法
<pre><code class="language-javascript">父组件:
&lt;template&gt;
&lt;button @click=&quot;use&quot;&gt;aaaaaaaaa&lt;/button&gt;
&lt;SubDisplay ref=&quot;useChildMethod&quot;&gt;&lt;/SubDisplay&gt;
&lt;/template&gt;
&lt;script setup lang=&quot;ts&quot;&gt;
import { ref } from &quot;vue&quot;;
import SubDisplay from &quot;../components/SubDisplay.vue&quot;;
const useChildMethod = ref(null);
function use() {
useChildMethod.value.test();
}
&lt;/script&gt;</code></pre>
<pre><code class="language-javascript">子组件:
&lt;script setup lang=&quot;ts&quot;&gt;
import { defineExpose } from &quot;vue&quot;;
function test() {
console.log('父组件调用了子组件方法')
}
defineExpose({ test })
&lt;/script&gt;</code></pre>