2回答

• 

  前端小白多多关照

  2022-06-01 14:32:39

  reactive 和 ref 都是用来定义响应式数据的 reactive更推荐去定义复杂的数据类型 ref 更推荐定义基本类型

  
  

  ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, ref定义的数据访问的时候要多一个.value

  
  

  使用ref定义基本数据类型,ref也可以定义数组和对象。

  
  

  ref、toRef、toRefs

  参数不同：ref()接收一个 js 基本数据类型的参数；toRef()接收两个参数，第一个为对象，第二个为对象中的某个属性；

  原理不同：ref()是对原数据的一个深拷贝，当其值改变时不会影响到原始值；toRef()是对原数据的一个引用，当值改变时会影响到原始值；

  响应性不同：ref()创建的数据会触发 vue 模版更新；toRef()创建的响应式数据并不会触发 vue 模版更新，所以toRef()的本质是引用，与原始数据有关联。

  0 3
• 

  qq_星_星_0

  2022-03-11 14:17:13

  可以使代码更简洁，高效，看起来也更优雅

  0 0