ref、toRef、toRefs、reactive相关的面试题

一、如何理解 ref 和 toRef,toRefs

• ref：接收一个内部值，返回一个响应式对象，此对象有一个内部值的属性（value）。
• toRef：基于响应式对象的一个属性，创建一个对应的ref。这样创建的ref与其源属性保持同步（改变源属性的值将更新 ref 的值，反之亦然）。
• toRefs：将一个响应式对象转换为一个普通对象，这个普通对象的每个属性都是指向源对象相应属性的ref。每个单独的 ref 都是使用 toRef() 创建的。

二、ref 和 reactive 的区别

1. 设计理念不同

   • ref 主要是为了解决单一元素/数据的响应式问题。
   • reactive 则是为了解决 js 对象和数组等复杂数据结构的响应式问题。

2. 访问的方式不同

   • ref 通过 .value 属性来访问其实际值。
   • reactive 直接访问其属性和调用其方法。