サンプルの使い方

入力欄に「b」「y」「r」のいずれかを入力したら、下の文字が非同期的に変わります。
「r」を入力した場合だけ、メソッドが発火してalertがでます。

ポイント

当初は、dataのstateをwatchフックで監視して、変更のたびにif分岐させる必要があるかと考えていました。
しかし、サンプルの通り、v-ifのあるタグ内にそのままv-on="メソッド名"とすれば、v-ifがtrueのときに勝手に発火してくれます。

最後に

v-ifとv-onの使い方として、あまりいい方法ではないのかもしれませんが、とりあえず方法との１つとして共有させて頂きます。
何かご意見等ありましたら、ご連絡いただけると嬉しいです。

最後まで、ありがとうございました。