草庐IT

mono-reactive

全部标签

reactive与ref对比

一、定义数据角度:ref定义:基本数据类型reactive定义:对象(或数组)数据类型备注:ref也可以用来定义对象和数组,它内部通过reactive转为代理对象示例:letp2=ref({    name:'李四',    age:18  })  console.log('p2',p2)  letp1=reactive({    name:'张三',    age:20  })  console.log('p1',p1)从打印的结果可以看出来通过ref定义的数组实际生成了一个引用实例对象,在js中如果需要调用对象的属性值通过.value.name调用,而通过reactive定义的对象直接.n

vue3+ts 中 ref与reactive 如何指定类型

ref的基础特性ref约等于reactive({value:x})ref()可以定义时无参数,第一次赋值任意类型,然后就不能增加属性constrefa=ref(6)constrcta=reactive({value:12})console.log('refa:',refa)//RefImpl{...}console.log('refa:',refa.value)//6console.log('rcta:',rcta)//Proxy{value:12}console.log('rcta.value:',rcta.value)//12constrefb=ref({name:'bbb'})conso

vue3+ts 中 ref与reactive 如何指定类型

ref的基础特性ref约等于reactive({value:x})ref()可以定义时无参数,第一次赋值任意类型,然后就不能增加属性constrefa=ref(6)constrcta=reactive({value:12})console.log('refa:',refa)//RefImpl{...}console.log('refa:',refa.value)//6console.log('rcta:',rcta)//Proxy{value:12}console.log('rcta.value:',rcta.value)//12constrefb=ref({name:'bbb'})conso