ref將setup函數(shù)聲明的變量變?yōu)轫憫剑覂H有一個value屬性
reactive對應的是一個對象內(nèi)部所有元素的雙向綁定，ref是對某一個數(shù)據(jù)類型的單獨雙項綁定

<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   //瀏覽器不會發(fā)生變化
     ++count
   }
}

使用ref

setup (){
  const state = reactive（{
    count：0
  }）
  let num = ref(0)
  change (){
    ++num.value   //瀏覽器會發(fā)生變化，使用.value訪問
    ++count
  }
}