vue3中的ref

ref将setup函数声明的变量变为响应式，包含且仅有一个value属性
reactive对应的是一个对象内部所有元素的双向绑定，ref是对某一个数据类型的单独双项绑定

<h1>num:{{num}}</h1>
<h1>count:{{count}}</h1>
<button @click="change">add</button>

不使用ref

setup (){
  const state = reactive（{
    count：0
  }）
  let num = 0
   change (){i
     ++num   //浏览器不会发生变化
     ++count
   }
}

使用ref

setup (){
  const state = reactive（{
    count：0
  }）
  let num = ref(0)
  change (){
    ++num.value   //浏览器会发生变化，使用.value访问
    ++count
  }
}