vue3的ref和reactive

一、ref()

接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value，ref 对象是可更改的，可以为 .value 赋予新的值，它也是响应式的，对 .value 的操作都将被追踪。ref是用来创建基础类型的响应式数据。

二、reactive()

 返回一个对象的响应式代理，本质是将每一层的数据都解析成proxy对象，reactive的响应式默认都是递归的，改变某一层的值都会递归的调用一边，重新渲染dom。reactive用来创建引用类型的响应式数据。

 
ref也可以用来定义对象或数组类型数据，它内部会自动通过 reactive 转为代理对象，ref本质也是reactive，ref(obj)等价于reactive({value: obj})