vue3在改变对象值是如何响应式展示

在Vue 3中，可以使用 reactive 函数将一个对象转换为响应式对象。当响应式对象中的属性值发生变化时，Vue 3会自动更新与该属性相关的视图。

在Vue 3中，更改响应式对象的属性值时，Vue 3会使用 Proxy 拦截这个更改操作，并触发更新。具体来说，当你尝试修改响应式对象的属性值时，Vue 3会首先使用 Proxy 拦截这个操作，然后会通知相关的视图进行更新。

以下是一个示例，演示了如何在Vue 3中创建响应式对象，并且在更改对象的属性值时如何实现自动更新相关的视图：

import { reactive } from 'vue'

// 创建一个响应式对象