2022.7.12 vue3 toRef()和toRefs.

89 阅读1分钟

image.png

image.png

注:toRef(对象,"属性名")所产生的值相当于一个桥接的作用,
外部模板中使用则不用加对象.属性名。而是可以直接{{属性名}}进行渲染使用

image.png

toRefs(对象)将对象中的所有属性生成一个新的ref对象集合。外部模板中使用则不用加对象.属性名。而是可以直接{{属性名}}进行渲染使用

image.png

shalowReactive()只响应对象中第一层级的响应式(即图中只响应name,age,不响应job)

image.png