Vue3中响应式对象解构

在Vue3中，可以通过`reactive`函数将一个普通对象转换为响应式对象，同时也可以通过解构语法来获取响应式对象中的属性值。例如：

import { reactive } from 'vue'

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

// 解构获取响应式对象中的属性值
const { count, message } = state

console.log(count) // 输出: 0
console.log(message) // 输出: Hello world

在上述代码中，我们通过`reactive`函数创建了一个响应式对象`state`，然后使用解构语法将`state`中的`count`和`message`属性值分别赋值给了`count`和`message`变量。由于`count`和`message`变量是从响应式对象中解构出来的，因此它们具有响应式特性，当`state`中的`count`和`message`属性值发生改变时，`count`和`message`变量的值也会同步更新。