标签的ref属性，可以用在普通html标签上，也可以用在组件上

获取Dom元素

直接写在基本元素上，ref=“name”
在ts中，声明变量name = ref（）
拿到这个容器中的name.value为当前dom

<button @click="showDom" ref="button">点我拿到dom</button>
import { ref } from "vue";
let button = ref();

如果是组件加ref

<button @click="showDom" ref="button">点我拿到dom</button>
<Person ref="ren"/>

let ren = ref();

function showDom() {
  console.log(ren.value);
}

在子组件中要暴露可访问的数据，才能拿到

  import {ref, defineExpose} from 'vue'
  let temp = ref(10);
  let height = ref(20);

  // 暴露之后，父组件可以拿到这些数据
  defineExpose({temp,height})

</script>