Vue templateRef

参考： https://cn.vuejs.org/guide/essentials/template-refs.html#ref-on-component

App.vue

<script setup>
import { ref,useTemplateRef,onMounted } from 'vue'
import Comp from './Comp.vue';
const templateRef = useTemplateRef("child")

onMounted(() => {
  // childRef.value 将持有 <Child /> 的实例
  console.log(templateRef.value)
  const {a,b} = templateRef.value
  console.log("a",a)
  console.log("b",b)

})
</script>

<template>
  <Comp ref="child"/>
</template>

Comp.vue

<script setup>
import {ref} from 'vue';
const a = ref(1)
const b = 20
defineExpose({
  a,b
})
</script>

<template>
  <div>
    Child Component
  </div>
</template>