yubachiri https://blog.hatena.ne.jp/yubachiri/ もふもふ技術部 https://www.mof-mof.co.jp/tech-blog/ vue validation vue-composable Composition API Vue3.0で使えるようになるComposition APIでのフォームバリデーションを実装します。一般的なユーザーの登録フォームをもとに見ていくので、割と網羅的な内容になっていると思います。 実装完了したコードはこちら。 必要なライブラリの導入 CLIインストール プロジェクト作成・ライブラリ追加 CompositionAPIの設定 補足: vue-composableについて フォームの作成 バリデーションの実装 基本形の実装 エラー時メッセージの設定 数値チェックの実装 フォーマットチェックの実装 完成形 まとめ 必要なライブラリの導入 今回使うのはこれらです。 @vue/cli@4.4… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Fvalidation-vue-composition-api" title="VueのComposition APIでフォームのバリデーション実装 - もふもふ技術部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://images.ctfassets.net/683ogktz4b18/4yBi4al2qEqvxM0JpwD1K9/5bb5e3b0bbdb3b3e22eae485d12b0c11/____________________________2020-06-05_10.51.43.png Hatena Blog https://hatena.blog 2020-06-08 00:00:00 rich https://www.mof-mof.co.jp/tech-blog/validation-vue-composition-api 1.0 100%