vue3中reactive的用法

在Vue3中，reactive是用于将对象变成响应式数据的方法。具体用法如下：

import { reactive } from 'vue'

const state = reactive({
  count: 0,
  message: 'Hello World'
})

// 访问响应式数据
console.log(state.count) // 输出：0

// 修改响应式数据
state.count++
console.log(state.count) // 输出：1

需要注意的是，reactive的参数必须是对象，而基本类型（数字、字符串、布尔值）在reactive中无法被创建成proxy对象，也就无法实现监听，无法实现响应式。如果给reactive传递了其他对象（如Date对象），默认情况下，修改对象无法实现界面的数据绑定更新。如果需要更新，需要进行重新赋值（即不允许直接操作数据，需要放个新的数据来替代原数据）。