Npcink Blog
切换菜单

区别:ref 和 reactive

ref 和 reactive 一样, 也是用来实现响应式数据的方法

 - 由于 reactive 必须传递一个对象, 所以导致在企业开发中如果我们只想让某个变量实现响应式的时候会非常麻烦所以 Vue3 就给我们提供了 ref 方法, 实现对简单值的监听

ref我们用来将基本数据类型定义为响应式数据(ref 更适合定义基本数据类型),ref 底层的本质其实还是 reactive,系统会自动根据我们给 ref 传入的值将它转换成ref(xx) -> reactive({value:xx})

reactive用来将引用类型定义为响应式数据,其本质是基于Proxy实现对象代理

  • 基本数据类型(单类型):除 Object。 String、Number、boolean、null、undefined。
  • 引用类型:object。里面包含的 function、Array、Date。