1.将声明的值使用 要使用ref(参数)变为响应式
// ref 将原始类型转为响应式 如布尔、字符串、数值类型
let num = ref(value:21)
console.log(num.value)
若声明对象类型 对象自带响应式
let user = reactive(target:{
name:’s’,
//age:12,
age: num,//可以将上面变量引入到此 就不用.value值了
扫描二维码关注公众号,回复:
13189282 查看本文章
})
使用的数据、方法返回出去才能使用
return {
…user //展开可以dom直接使用 但不是响应式
…toRefs(user) //可以直接在dom使用user内部的参数 切是响应式
}
//响应式数据转为原始数据 使用场景较少 readonly也需要引入
let user = readonly(user)
判断是不是ref声明的变量 对象
let num2 =isRef(num) ? num.value=23:num=28
总结:ref 将原始数据转为响应式
reactive 主要声明对象 也可以把ref()创建的数据直接挂载道reactive()中,会自动把响应式数据对象的展开为原始的值,不需要通过.value()就可以直接访问
toRefs 结构对象变为响应式
readonly 响应式数据转为不响应式
isRef 判断ref是原生的还是处理过的数据