vue3获取proxy代理对象的属性

在 Vue 3 中，可以使用 `ref` 或 `reactive` 创建响应式数据对象，然后通过 `toProxyRef` 方法获取该数据对象的代理对象。

例如：

import { ref, toProxyRef } from 'vue'

const data = ref({
  name: 'Tom',
  age: 18
})

const proxyData = toProxyRef(data)

console.log(proxyData.name) // Tom

在上面的例子中，我们使用 `ref` 创建了一个响应式数据对象 `data`，然后使用 `toProxyRef` 方法获取了该数据对象的代理对象 `proxyData`，最后可以通过 `proxyData` 访问到 `data` 对象的属性。

需要注意的是，如果你要访问代理对象的属性，必须使用 `toRaw` 方法将代理对象转换为原始对象后才能访问。例如：

console.log(toRaw(proxyData).name) // Tom