Vue3.0中ref函数

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会覆盖旧的。