data（）{
     return{
         num:10
     }
 }，
 watch:{
      num:{
	      /*
	       *   newValue:當(dāng)前值
           *   oldValue:修改上一刻的值
	       */
          handler(newValue,oldValue){
          	// doSomething
          }，
          /*
           * deep:Boolean : 深度監(jiān)聽(tīng)
           * 	true: 監(jiān)聽(tīng)堆的改變就
           * 	false:只監(jiān)聽(tīng)棧的改變(默認(rèn))
           */
          deep:true/false,
          /*
           * immediate:Boolean : 是否在第一次定義時(shí)就執(zhí)行handler函數(shù)
           * 	true: 在第一次定義時(shí)就執(zhí)行handler函數(shù)
           * 	false:修改后再執(zhí)行handler函數(shù)
           */          
          immediate:true/false
      }      
  }

const num = ref(0)
1. 導(dǎo)入  import {watch} from 'vue'
2. 使用
	 `const 返回值= watch(需要監(jiān)聽(tīng)的值, (newVal,oldVal)=>{ }, {deep,immediate,flush})`
	 
	 返回值: 可以關(guān)閉監(jiān)聽(tīng)： 返回值()
	 參數(shù)一: 需要監(jiān)聽(tīng)的值
	 			 基本數(shù)據(jù)類型(Number,String,Boolean,null,undefined)：  ()=>基本數(shù)據(jù)類型值
	 			 復(fù)雜數(shù)據(jù)類型(Array,Object,Function)：			直接寫(xiě)/()=>基本數(shù)據(jù)類型值
	 參數(shù)二: 類比Vue2中的handler函數(shù)
	 參數(shù)三: {}對(duì)象, 對(duì)象中可以有個(gè)配置項(xiàng):deep,immediate,flush,
	 		deep,immediate的意思上面有過(guò)描述, 這里主要對(duì)flush的取值做說(shuō)明:
	 			 `flush:post/sync/pre
      				   pre（默認(rèn)值）:渲染前，值改變了，沒(méi)有渲染到dom
      				   post:渲染后，值改變了，也渲染到dom
    				   sync:改變一次渲染一次，每一次都是渲染前`