Vue Composition API ref 与 reactive 的对比

ref　　

　　作用：定义一个响应式的数据
　　语法：const xxx = ref(initValue)
　　创建一个包含响应式数据的引用对象（reference对象，简称ref对象）
　　js中操作数据：xxx.value;
　　模板中读取数据：不需要.value,直接：<div>{{xxx}}</div>
　　备注:
　　接收的数据可以是：基本类型，也可以是对象类型
　　基本类型的数据：响应式依然是靠object.defineProerty()的get和set完成的
　　对象类型的数据：内部‘求助’了Vue3.0中的一个新函数————reactive的函数

reactive函数 (需要引入)

　　作用：定义一个对象类型的响应式数据（基本类型别用它，用ref函数）
　　语法：const 代理对象 = reactive(被代理对象)接收一个对象（或数组），返回一个代理对象（proxy对象）
　　reactive定义的响应式数据是深层次的
　　内部基于es6的Proxy实现，通过代理对象操作源内部数据都是响应式的

标签：Vue,响应,对象,数据,xxx,reactive,API,ref
来源： https://www.cnblogs.com/yxlbk/p/16438486.html