isRef、unRef、toRef、toRefs、shallowRef





toRefs是把一个响应式对象变成普通对象,这个对象每个属性都指向源对象相应属性的ref;





isRef检查某个值是否是ref;

toRef可以把一个响应式对象的属性也变成响应式,这样创建的ref与其源属性保持一致;

unRef是一个语法糖,如果参数是ref,返回它的内部值,否则返回它本身,相当于

val =  isRef(val) ? val.value : val

shallowRef只有它的.value是响应式的,不会被深层递归地转为响应式。

const state = shallowRef({ count: 1 })

// 不会触发更改

state.value.count = 2

// 会触发更改

state.value = { count: 2 }

你可能感兴趣的:(javascript,前端,vue.js)