【ref 对比 reactive】
宏观角度看：
ref用来定义：基本类型数据、对象类型数据；
reactive用来定义：对象类型数据。

区别：
ref创建的变量必须使用.value（可以使用volar插件自动添加.value）。
自动补充value

reactive重新分配一个新对象，会失去响应式（可以使用Object.assign去整体替换）。

使用原则：
若需要一个基本类型的响应式数据，必须使用ref。
若需要一个响应式对象，层级不深，ref、reactive都可以。
若需要一个响应式对象，且层级较深，推荐使用reactive。

【toRefs 与 toRef】
作用：将一个响应式对象中的每一个属性，转换为ref对象。
备注：toRefs与toRef功能一致，但toRefs可以批量转换。