Vue 3的组合式API引入了一个新的函数reactive()，这个函数可以将一个普通的JavaScript对象转换为一个响应式对象，让其在Vue 3中具有更好的使用体验。
首先，让我们来看一下reactive()函数的定义：
import {
reactive } from 'vue'
看到了吗？这么一个简单的函数，就能让你的对象变成响应式的！
现在，让我们来看一下如何使用reactive()函数。
首先，你需要创建一个普通的JavaScript对象。比如说，我们可以创建一个名为“person”的对象：
const person = {
name: 'Tom',
age: 25,
address: {
city: 'Beijing',
street: 'Nanjing Road'
}
}
接下来，我们可以使用reactive()函数将其转换为响应式对象：
const reactivePerson = reactive(person)
看到了吗？就是这么简单！现在，我们就拥有了一个响应式的person对象了！
那么，这个响应式对象有什么好处呢？让我们来看一下。
假设我们有一个组件，需要使用这个person对象：
<template>
<div>
<p>Name: {
{
person.name }}</p>
<p>Age: {
{
person.age }}</p>
<p>Address: {
{
person.address.city }}</p>
</div>
</template>
<script>
import {
reactive } from 'vue'
export default {
setup() {
const person = {
name: 'Tom',
age: 25,
address: {
city: 'Beijing',
street: 'Nanjing Road'
}
}
const reactivePerson = reactive(person)
return {
person,
reactivePerson
}
}
}
</script>
在上面的代码中，我们使用了setup()函数来定义组件的逻辑。在setup()函数中，我们首先创建了一个普通的JavaScript对象person，然后使用reactive()函数将其转换为响应式对象reactivePerson。最后，我们将这两个对象都返回给了组件。
在组件的模板中，我们使用了{ {}}语法来绑定对象的属性，现在，如果我们在控制台中修改这个对象的属性，页面会自动更新！比如说，我们可以在控制台中输入：
reactivePerson.name = 'Jerry'
然后，页面上的“Name”标签就会自动更新为“Jerry”！是不是很神奇？
除了上面的例子之外，reactive()函数还有很多其他的用途。比如说，你可以使用它来创建一个数组：
const list = reactive([1, 2, 3])
现在，这个数组中的元素就可以被自动监视，如果其中的元素发生了变化，页面也会自动更新。
你还可以使用它来创建一个函数，这个函数也可以被自动监视：
const add = reactive(() => {
return 1 + 2
})
在上面的例子中，我们创建了一个名为“add”的函数，这个函数返回1 + 2的结果。现在，如果我们在控制台中输入：
add()
就会返回3！是不是很酷？而且，如果你修改了add函数的定义，页面也会自动更新！比如说，你可以在控制台中输入：
const add = reactive(() => {
return 2 + 2
})
然后，再次运行add()，就会返回4！是不是很神奇？
总之，reactive()函数是Vue 3中一个非常有用的函数，它可以让普通的JavaScript对象变成响应式的对象，让你在Vue 3中使用起来更加方便。如果你想要在Vue 3中使用它的话，只需要在组件的setup()函数中调用它即可。
当然，reactive()函数也有一些限制和注意事项。比如说，它只能用于函数式代码块中，如果你在class或component中使用它，它会抛出一个错误。
此外，reactive()函数也有一些性能限制。如果你在一个组件中使用它来创建大量的对象，会导致Vue失去响应性，因为它无法监视所有的对象变化。所以，你需要在使用reactive()函数时注意对象数量和性能问题。
还有一些其他的函数，也可以用来创建响应式对象。比如说，ref()函数可以创建一个响应式引用，watch()函数可以创建一个响应式监听器，等等。这些函数都有自己的特点和限制，你需要根据自己的需求来选择合适的方法。
总之，Vue 3中的响应式API是一个非常强大的功能，可以让开发者更加方便地使用Vue 3。如果你想要使用它的话，只需要熟悉它的特点和限制，然后选择合适的方法即可。