## ref与reactive的区别 在Vue 3中,ref和reactive都是用于响应式数据绑定的API,但它们之间有一些区别: * ref只能用于包装基本数据类型,例如数字、字符串、布尔值等,而reactive可以用于包装对象和数组。 * ref是一个函数,可以在模板中直接使用,类似于之前Vue 2.x中的data属性值;而reactive是一个方法,需要在setup函数中进行调用和返回。 * 对于ref包装的基本数据类型,在模板中使用时需要使用.value属性来获取实际的值,而对于reactive包装的对象和数组,可以直接访问属性或索引来进行操作。 * ref返回的是一个简单的响应式对象,而reactive返回的是一个响应式代理对象,可以通过代理对象的属性来实现对对象或数组数据的操作。 ### **ref用于包装简单的数据类型,而reactive用于包装复杂的数据类型,可以更好地处理数据的变化和更新** 因此你需要使用`reactive`