Vue2 と Vue3 でウォッチ リスナーを使用する方法

 データ（）{
     戻る {
         番号:10
     }
 },
 時計：{
      番号:{
	      /*
	       * newValue: 現在の値 * oldValue: 最後の瞬間の値を変更する */
          ハンドラー(新しい値、古い値){
          	// 何かを行う
          },
          /*
           * deep: ブール値: 詳細な監視 * true: ヒープの変更を監視 * false: スタックの変更のみを監視 (デフォルト)
           */
          深い:真/偽、
          /*
           * 即時:ブール値: ハンドラー関数が最初に定義されたときに実行するかどうか* true: ハンドラー関数が最初に定義されたときに実行する* false: 変更後にハンドラー関数を実行する*/          
          即時:true/false
      }      
  }

定数 num = ref(0)
1. 'vue' から import {watch} をインポートします。
2. `const return value = watch(監視する値、(newVal、oldVal)=>{ }、{deep、immediate、flush})` を使用します。
	 
	 戻り値: 監視をオフにすることができます: 戻り値()
	 パラメータ1: 監視する値 基本データ型 (数値、文字列、ブール値、null、未定義): () => 基本データ型の値 複合データ型 (配列、オブジェクト、関数): 直接書き込み / () => 基本データ型の値 パラメータ2: Vue2 のハンドラー関数に類似 パラメータ3: {} オブジェクト、オブジェクトには構成項目 (deep、immediate、flush、
	 		deepとimmediateの意味は上で説明しました。ここでは主にflushの値について説明します。
	 			 `フラッシュ:post/sync/pre
      				   pre (デフォルト値): レンダリング前に値が変更され、DOMにレンダリングされません。
      				   post: レンダリング後、値が変更され、DOMにもレンダリングされます
    				   同期: 変更ごとにレンダリング前に 1 回レンダリングします。