vue3新特性---reactive函数用法

vue3出炉好长一段时间，公司也开始系统使用vue3的项目了。在开发项目中发现了vue3出现的一个新的函数reactive，reactive 是 Vue3 中提供的实现响应式数据的方法。
reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组
具体解析可见其他博主https://blog.csdn.net/wuxing164/article/details/109801055
其中，有几个点需注意：
1.reactive 参数必须是对象 (json / arr)，基本类型（数字、字符串、布尔值）在 reactive 中无法被创建成 proxy 对象，也就无法实现监听，无法实现响应式
2.本质: 就是将传入的数据包装成一个Proxy对象
3.如果给 reactive 传递了其它对象（如Date对象）
默认情况下，修改对象无法实现界面的数据绑定更新。
如果需要更新，需要进行重新赋值。（即不允许直接操作数据，需要放个新的数据来替代原数据）