vue3中的watch

例子：点击按钮，网页标题改变

<template>
  <div id='app'>
    <img alt="vue logo" src="./assets/logo.png">
    <!-- ref对象在模板中引用时，vue可以直接把内部的值展示出来，不需要写count.value -->
    <h1>{
  {count}}</h1>
    <h1>{
  {double}}</h1>
    <button @click='increase'>点击</button>
    <button @click='updateGreetings'>改变标题</button>
  </div>
</template>

<script lang='ts'>
import {computed, ref,reactive, toRefs,watch} from 'vue'

interface dataProps{
  count:number,
  double:number,
  increase:()=>void
}

export default({
  name: 'App', 

  // 注意：在vue3中不使用data和methods，可以使用ref函数，完成响应式
  setup(){
    
    const data:dataProps = reactive({
      count:0,
      increase:()=>{
        data.count++
      },
      dou