vue3中$refs如何使用

项目已经习惯都用vue2 写，最近有新的项目，想用vue3练练手，但是发现很多语法都不太熟练，比如vue2 中的$refs, 到vue3 项目中不知道如何使用，在此做一下记录，防止忘记。
父组件：

父组件中使用了子组件update-info-popup，在父组件setup 方法里用ref 声明同名的变量

调用子组件的方法可以这样写：

子组件也要把这个方法抛出来

const open = () => {
  popup.value.open()
}
const close = () => {
  popup.value.close()
}
defineExpose({
  title,
  open,
  close,
  confirm
})