はてなブックマーク

Vue.js 3 の watch と watchEffect について Vue.js 3には、リアクティブなデータを監視して何らかの処理を実行するための2つの主な機能があります。それらはwatchとwatchEffectです。以下でそれぞれの特徴と使い方について解説します。 watch の基本 watchは、指定したリアクティブなプロパティまたは計算プロパティの変更を監視し、その変更に応じて処理を実行します。 特徴 ・監視するプロパティを明示的に指定します。 ・以前の値と新しい値の両方を取得することができます。 例 import { watch } from 'vue'; watch(someRef, (newValue, oldValue) => { console.log('新しい値:', newValue, '以前の値:', oldValue); }); watchEffect の基