reactive

前置内容：https://lerjiu.github.io/2022/09/27/learn-vue%20ref/

reactive

与ref区别
  • ref支持所有类型，而reactive只支持引用类型
  • ref需要.value，而reactive不需要
注意
  • reactive变量不能直接赋值，因为其由proxy代理，直接赋值会破坏响应式对象

readonly

对reactive变量进行封装，使其属性均为只读，不过不能阻止对原变量的修改，并且会跟随原变量一起改变

1
2
3
4
5
6
let form = reactive({
  name:'ler-jiu',
  age: 18
})

let read = readonly(form)

shallowReactive

与shallowRef类似

  • 响应到对象的第一级属性
  • 当响应的值更新时，仍会将不响应的值一并更新