確認することが可能です。v-modelを使ったフォーム値の制御inputタグやtextareaタグの属性にv-modelにdataプロパティの値を指定することで、データの双方向バインディングを実現します。双方向バインディングはinputタグに入力された値は自動的にv-modelに指定した値に代入されます。javascript内でv-modelに指定された値に別の値を代入し場合は、そのinputのvalue値が切り替わります。})</script>「名前」を入力するinputタグにデータをバインディング「名前」を入力するinputタグにv-model属性を値をバインディングしましょう。'初期値'のようにあらかじめ値を指定します。値が入力された状態になります。ら値を入力するとnameの値も変化します。devtoolsを使って確認してみましょう。「問い合わせ内容」を入力するtextareタグにもデータをバインディング「問い合わせ内容」を入力するtextareタグにもデータをバインディングしてみましょう。セレクトボックスにデータをバインディングセレクトボックスもv-modelを使うことで双方向バインディングが可能です。性別を選ぶセレクトボックスを編集してみましょう。selectボックスは初期選択にしたいoptionタグのvalue属性値をgenderの値に指定してあげれば実現できます。ラジオボタンにデータをバインディングラジオボタンもv-modelを使ってデータをバインディングしましょう。ラジオボタンで初期選択にしたいinputタグのvalue属性をkindの値に指定してあげれば実現できます。バインディングさせることの意味データをバインディングさせることで、ユーザーの入力・選択に応じて値が自動的に更新されます。入力された値に応じて何か処理したい場合に便利です。(jqueryのようにvalメソッドで毎回取得する処理が必要ない)「お問い合わせ内容」の入力可能文字数を表す処理を作る「お問い合わせ内容」をあと何文字入力できるかをユーザーに伝えたいと思います。上限の文字数を用意し、それと入力された値を比べた値を使いたいと思います。computedvue.jsでは、html内にjavascriptの式を埋め込むことができます。})</script>上記のように書くことは可能です。html内にjavascriptの処理を書くことでコードは肥大化し、メンテナンス性が下がります。プロパティを使います。computedプロパティはmethodsプロパティのように、複数のメソッドを指定できます。各メソッドは処理を行なった結果を戻り値として返すことで、そのメソッド名をそのままhtmlや他のメソッドで使用できます。先ほどの例をcomputedプロパティを使ってみましょう。メソッドを設定しています。その中身はそれぞれ処理した値を戻り値として返しています。html側では、そのメソッド名をそのまま指定していて、実行されると戻り値の値が表示されます。残り入力可能な文字数を表示します。メソッドを定義しています。引いてその値を戻り値にしています。変数のようにそのまま埋め込んで使用します。textboxに文字が入力されるたびに計算が行われて、残り文字数が変化するのがわかると思います。submitボタンの制御をしてみよう入力値に応じてsubmitボタンの制御を行いたいと思います。条件に満たさない場合は、submitボタンを押せないようにして、条件に満たして初めて押せるようにします。送信の制御は、disabled属性を使うと実装しやすいです。空っぽだったら「必須項目です」というテキストのアラートを出すようにしましょう(ただし、初期表示時は出さない)セレクトボックスを使って生年月日を入力するエリアを追加しましょう。分けて用意しましょう。送るようにしましょう。閏年でない2/29や4/30など)や未来の日付(2018/12/30)などが入力されたらエラーを出すようにしましょう。