VeeValidate
フォームでのバリデーションで便利なVeeValidateというライブラリを使用。
yarnを使ってVeeValidateを導入
yarn add vee-validate
バリデートルールの指定
基本的に、inputタグの中に色々書き込むだけです。
**v-validate**の中にバリデートのルールを書き込みます。
| ルール | 意味 |
|---|---|
| required | 必須 |
| max | 最大文字数 |
| numeric | 半角数値のみ |
| メールアドレス形式 |
v-validate = "required"と書き込むだけで、必須項目としてルールを追加できます。複数の条件を指定したい場合は|で区切ればOK！
参考
(VeeValidateはVue.js用の超便利なバリデーション)[https://www.kabanoki.net/4955/]