Vue 3のwatch関数利用方法

Vue 3のwatch関数利用方法

watch関数とは？

watch関数は、リアクティブなデータの変化を監視して、変更があったときに処理を実行するための機能です。ユーザーの入力に応じてAPIを呼び出したり、データの変更に連動して別の処理を実行したりする場合に非常に便利です。

基本的な使い方

単一のrefを監視する

最もシンプルな例から見ていきましょう

複数の値を監視する

配列を使って複数の値を同時に監視できます