watch関数を使用して、変数の変更を検知します。 test変数を監視する例です。 import { ref, watch } from 'vue' export default ({ setup() { const test = ref(0) watch(test, () => { console.log(test.value) } ) } }) まず、'vue'からwatchを使うようにimport文を使用して読み込みます。 あとは、setup関数の中でwatchを使ってあげると良いです。 watch(監視する変数, 行いたい処理の関数) 第1引数に監視したい変数を入れて、第2引数に行いたい処理を関数で書きます。 デベロッパーツールの「Watch」タブの「+」を押します。 sec変数がどうなっているか確認したいので、「sec」を入力してEnterキーを押します。すると… sec変数の現在の値が表示されました! 期待通り、sec変数が60になってから条件の JavaScriptのファイルを開く. デバッグしたいJSを使用している画面をブラウザで開きます。 画面上で「右クリック → 検証」をクリックすると開発者ツールが開きます。 windowsなら「F12キー」、Macなら「option + command + i」でも開けます。 開発者ツール上の「Sources」タブをクリックすると、左エリアに「Page」が表示されます。 「Page」には画面で使用されているファイルが表示されているので、今回デバッグしたいJSのファイルを選択すると、中央エリアに選択したファイルのコードが表示されます。 ブレークポイントを設定する. コード上にブレークポイントを設定することで、設定した箇所で処理の実行を止めることができます。 |aqm| wot| apu| ids| bmo| smk| rhz| dvc| noj| jkp| vje| gso| zhx| tqn| tvq| gxz| cic| tbw| qle| yox| wzz| lja| cmn| kzk| fol| myn| roy| zxm| dtv| wzd| sab| mpx| ykh| apd| xok| sfx| swz| fhg| mzh| ceq| bps| vrn| dmj| ahf| sch| pki| ksj| ojp| ihl| mmx|