vue3 父组件获取子组件属性

子组件按照普通组件来写，把要让父组件获取的数据return 出去

在父组件中一定要把获取的子组件 return出去，否则是拿不到的

<template>
 <Son ref='sonRef'/>
template>
<script lang="ts">
import {
  defineComponent,  
  ref,
} from 'vue';
export default defineComponent({
  name: 'Login',
  components: { Son },
  setup(props) {
	const sonRef= ref(null);
	const getSon = () => {
		console.log(sonRef.value.xxx);
	}
	// 注意！一定要把子组件sonRef  return 出去
	return {
	sonRef,
	}
	}
  })
script>

当出现这个警告时，表示这个对象可能为空，则可以使用 !.
如上面的 sonRef.value.xxx 改为 sonRef.value!.xxx

若出现这个报错信息 ，则把数据断言成any
(sonRef.value as any)!.xxx 或者 (sonRef.value as any).xxx 兴许也行。