前提 Vue.jsを使い始めて。便利だな〜と最近重宝しているのが**算出プロパティ(computed)**という仕組みです。 メソッドとは似ているようでも少し違う、computedの基本的な使い方を説明します。 算出プロパティ(computed)って何? フォームのサンプルを使って説明します。 よくある情報登録フォームをVue.jsで作成しました。 入力される値の型チェック、未入力チェック(バリデーション)にcomputedを使っています。 実装要件 各項目についてバリデーションを実装し、エラーの場合はエラーメッセージ(オレンジ文字色)を各項目部分に表示 同じくエラーの場合は、Nextボタンをdisabledにする 必須項目が未入力の場合もNextボタンをdisabledにする computedの実行イメージ 項目をTelに絞って流れを図解してみます。 Telの入力値が数値ではなかったらエ