VUE3获取子组件内方法和变量

1，ref获取

父组件

<child ref="child" />
----------------------
//省略代码
const child=ref(null)
console.log(child.value)  //{}

很明显，vue3现在不能使用以前的ref来或者子组件实例了,但是vue3现在提供了一个expose函数

expose

child.vue
----------------------
//js部分
<script lang="ts" setup>
  import { useContext } from 'vue';
  const { expose } =useContext()
  const fn=()=>{'这是子组件的方法'}
  expose({
    fn
  })
</script>

parent.vue
-----------------------
<child ref="child" />
----------------------
//省略代码
const child=ref(null)
console.log(child.value)  //{fn} 这样就拿到子组件传过来的函数