サーバーレスWebアプリにメールフォームを追加実装する 〜 フロントエンド編 〜 - Qiita

サーバーレスWebアプリにメールフォームを追加実装する 〜 フロントエンド編 〜 はじめに AWSを活用したサーバーレスWebアプリの制作で作ったWebアプリにメールフォームを追加実装します。 フロントエンド・バックエンドの2部構成にしています。 バックエンド編はこちら。 サーバーレスWebアプリにメールフォームを追加実装する 〜 バックエンド編 〜 フロントエンド Vue.jsのWebアプリにメールフォーム用のページを追加します。 VeeValidateの利用 メールフォームの各入力値チェックのために、VeeValidateというものを利用しました。 VeeValidateとは、Vue.js用のバリデーションコンポーネントライブラリです。 利用するために、まずはVeeValidateをプロジェクトにインストールする必要があります。 <template> <v-container> <p>