Vue3 DOM中的ref 子组件传值 父组件

使用

<div ref="test"></div>

import {ref} ...
let test=ref()

 子组件传值 父组件

子组件

<template>

</template>

<script lang="ts" setup name="Person">
import { reactive, ref, toRef, toRefs } from 'vue'
let person = reactive({
    name:'wt',
    age:30
})

defineExpose(person)

</script>

<style>

</style>

父组件

<template>
  <Person ref="personData" />
  <button @click="showPerson">点击</button>
</template>

<script lang="ts" setup name="App">
import { ref } from 'vue';
import Person from './components/Person.vue';
let personData = ref()
function showPerson(){
  console.log(personData.value.name);
  
}


</script>

<style>

</style>