vue3.2中使用setup语法糖如何用reactive

在Vue 3.2中使用`setup`语法糖，可以通过`reactive`函数将一个普通对象转换为响应式对象。`reactive`函数返回的是一个代理对象，这个代理对象会将访问和修改映射到原始对象上。

下面是一个使用`reactive`函数的示例：

<template>
  <div>{{ state.count }}</div>
</template>

<script>
import { reactive } from 'vue';

export default {
  setup() {
    const state = reactive({
      count: 0,
    });

    return { state };
  },
};
</script>

在上面的示例中，我们定义了一个名为`state`的响应式对象，它包含一个`count`属性。在`setup`函数中，我们使用`reactive`函数将一个普通对象转换为响应式对象，并将其赋值给`state`变量。最后，我们将`state`变量作为返回值，使得组件内可以使用它。

需要注意的是，在`setup`函数内部，不能直接访问组件实例（`this`），因为`setup`函数在组件实例创建之前就已经执行了。如果需要访问组件实例，可以通过`getCurrentInstance`函数获取当前的组件实例。