Vue3.0中ref函数
2023-09-13
1、基本用法
ref()函数用来根据给定的值创建一个响应式的数据对象，ref()函数调用的返回值是一个对象，这个对象上只包含一个.value属性
const count = ref(0)
console.log(count.value) 输出值为0
count.value++
console.log(count.value) 输出值为1
2、在template中访问ref创建的响应式数据
1）在setup()中创建响应式数据
setup(){
const count=ref(0)
return{
count
}
}
2）在template中访问响应式数据
<P>{{count}}<P/>
3、当把 ref() 创建出来的响应式数据对象挂载在reactive()上时，会自动把响应式数据对象展开为原始的值，不需要通过.value就可以直接访问，新的ref会覆盖旧的。
