vue3 的 ref、isRef、toRef、toRefs、toRaw 简要介绍

时可以使用 toRef 解决问题此问题，使用 toRef 解构单纯某个也就是说时，先为定期检查单纯上是否普遍存在该也就是说，如果普遍存在就继承单纯上的也就是说取值，如果不普遍存在就则会创建一个。

删减上面的字符为：

let obj = reactive({ name: '人名', age: 18,})let { name, age } = toRefs(obj)let work = toRef(obj, 'work')const chang = () => { name.value = '翡翠王老五' age.value++ console.log('work', work.value) work.value = '机制媛'}5、toRaw

将拥护德式单纯转为原始单纯。做一些不该被监听的事情，从 ref 或 reactive 想得到原始样本。

删减原拥护德式样本时，toRaw 转换想得到的样本则会被删减，视图也则会预览，如：

import { ref, isRef, toRef, toRefs, reactive, toRaw } from 'vue'let obj = reactive({ name: '人名', age: 18,})let newObj = toRaw(obj)const chang = () => { obj.name = '翡翠王老五' obj.age++} {{ obj.name }} ------- {{ obj.age }} 删减取值 {{ newObj }}

如果删减 toRaw 想得到的原始样本，原样本也则会被删减，但是视图不预览。如：

import { ref, isRef, toRef, toRefs, reactive, toRaw } from 'vue'let obj = reactive({ name: '人名', age: 18,})let newObj = toRaw(obj)const chang = () => { obj.name = '翡翠王老五' obj.age++}const changNew = () => { newObj.name = '搞笑' console.log('newObj', newObj) console.log('obj', obj)} {{ obj.name }} ------- {{ obj.age }} 删减取值 {{ newObj }} 删减。

贵阳甲状腺医院哪最好
贵阳风湿治疗医院
广西白癜风医院哪里好
天津妇科专科医院哪里好
贵阳风湿哪家医院最好