Vue3中ref()和 reactive() 的对比

ref() reactive()都是接收一个普通的原始数据,再将其转换为响应式对象。

  • ref可以存储原始类型,而reactive不能。
  • ref需要通过<ref>.value访问数据,而reactive()可以直接用作常规对象。
  • 可以重新分配一个全新的对象给refvalue属性,而reactive()不能。
  • ref类型为Ref<T>,而reactive返回的反应类型为原始类型本身。
  • watch默认只观察refvalue,而对reactive则执行深度监听。
  • ref默认会用reactive 对象类型的原始值进行深层响应转换。