在 Vue3 中， ref 是一个新的响应式 API。它是用于创建一个响应式对象的函数，以便可以将其绑定到模板中并实时响应变化。
可以将 ref 理解为一个包装器(wrapper)，将一个普通的值包裹在一个响应式对象中。
例如：
const count = ref(0)
这将创建一个名为 count 的响应式对象，初始值为 0。通过对 count 进行更改，例如 count.value++，将自动更新 UI 的数据。
需要注意的是，通过 ref 创建的响应式对象包装了一个值，并不是原始值本身，因此需要通过 count.value 来访问或修改这个值。
另外，Vue3 中还支持将 ref 对象作为 props 传递到子组件中，这需要在子组件中使用 setup 函数来访问和管理这些 ref 对象。