ref

  • ref能够创建基本类型的响应式数据，同时ref还能够创建对象类型的响应式数据

  • 获取ref创建的响应式数据需要使用.value进行获取：name.value

    ref_basic.png
    ref_case.png

reactive

  • reactive能够创建对象类型的响应式数据,不能够创建基本类型的响应式数据
  • 获取reactive创建的响应式数据不需要使用.value直接能够获取
    reactive_basic.png

ref和reactive的区别

  • ref创建的变量必须使用.value(可以使用volar 插件自动添加.value)。
  • reactive重新分配一个新对象，会失去响应式(可以使用Object.assign去整体替换)。
    • 如示例，想要更改上述reactive中定义的car需要使用Object.assign
      reactive_case.png