vue2中ref跟vue3

ref 在 Vue 2 中是一个特殊的属性，用于在组件中声明对 DOM 元素或子组件的引用。它可以用来访问 DOM 元素的属性和方法，或者直接操作子组件。

而在 Vue 3 中，ref 变成了一个函数，并且具有更多的功能。在 Vue 3 中，ref 函数接受一个参数作为初始值，并返回一个响应式对象。这个响应式对象可以访问和修改其值，并且当值发生改变时，相关的组件会自动重新渲染。

另外，Vue 3 还引入了一个新的 API，叫做 `reactive`。`reactive` 可以用来创建一个响应式的对象，类似于 Vue 2 中的 `data` 属性。与 `ref` 不同，`reactive` 可以对整个对象进行响应式处理，而不仅仅是单个值。

总之，Vue 2 中的 ref 主要用于引用 DOM 元素或子组件，而 Vue 3 中的 ref 和 reactive 则更加强大，可以用于创建响应式的数据对象。