vue3 ウォッチの応答データ

vue3 ウォッチの応答データ

インターネット上のブログを色々読んで問題点があると感じたので、vue3とtypescriptをベースに、私のプロジェクトで使用するwatch監視データ： watchの単一レスポンシブデータ（refでラップされたデータ）の書き方をまとめました。

 watch(() => props.taskinfo, (n, o) => {
    
    
           console.log(n)
        },
            {
    
    
            deep: true,
                immediate: true
            })

複数の応答データを監視します。最初のパラメーターは配列であり、配列内の各項目は応答データであるため、それぞれが関数の戻り値である必要があります。2 番目のパラメーターも配列であり、各項目は 1 つのパラメーター内の項目に対応します。 :

 watch([() =>props.time,()=> props.progress], ([time,progress],[preTime,preProgress]) => {
    
    
          console.log(time,progress)
        },
            {
    
    
                deep: true,
                immediate: true
            })