Vue中的ref和reactive有什么区别

Vue中的ref和reactive都是用于创建响应式数据的函数，那他们有什么区别呢？

ref

ref主要用于创建原始类型的响应式数据，比如字符串、数字、布尔值等。也可以用来创建对象或者数组。

用ref创建出来的响应式数据会被包裹在value属性中，需要通过.value来访问和更新它的值。

当响应式数据的值发生变化时，Vue会更新View。

reactive

reactive主要用于创建对象或者数组的响应式数据。

不同与ref需要通过.value来访问，reactive可以直接访问。

当响应式数据的值发生变化时，Vue会更新View。

使用场景

那么什么时候用ref，什么时候用reactive？

使用ref的场景：当有一个单独的值需要响应式管理时，如计数器、布尔开关、单一输入框的值等。
使用reactive的场景：当需要管理一个复杂的状态比如对象或数组时，如表单数据、包含多个属性的状态对象等。