Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API

Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API
#ionic #veevalidate #vuejs #formvalidation #compositionapi

We are going to show how to create decoupled form components that can be used/reused in your application and utilizing the composition API functionality of Vee Validate to validate and submit the form. The code can work with any vue 3 application, I am just using Ionic UI Components because that is what I work with every day

## There is nothing here Ionic specific other than the UI components ##

💥 Chapters
00:00 - The Problem
02:24 - Overview of form structure
05:55 - in CredentialsComponent starting with Vee Validate integration / useField
12:05 - Update the Personal Info Component with Vee Validate integration / useField
14:10 - CreateAccountForm - Vee Validate integration useForm
17:53 - destructure the data we get back from the combined components
18:40 - testing the code
19:50 - removing a component to show how they are not coupled together
20:47 - Wrap up / Summary

💥 Links
-----------------------------------
- Vee Validate - https://vee-validate.logaretm.com/v4/guide/composition-api/validation
- ionic Vue - https://ionicframework.com/docs/vue/overview
- Source Code - https://github.com/aaronksaunders/ionic-vue3-veevalidate-composition-api
- Vue Vee Validate Playlist - https://buff.ly/30U15iV

💥 Additional Content
-----------------------------------
🎓 Udemy Courses - https://www.udemy.com/user/aaronsaunders/
🎓 Gumroad Courses/Content - https://www.gumroad.com/fiwic

💥 Social Media
--------------------------
Twitter - https://twitter.com/aaronksaunders
Facebook - https://www.facebook.com/ClearlyInnovativeInc
Instagram - https://www.instagram.com/aaronksaunders/
Dev.to - https://dev.to/aaronksaunders
🌐 www.fiwic.com

-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
https://www.youtube.com/watch?v=3d71O1zvlaw
-~-~~-~~~-~~-~-

Видео Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API канала Aaron Saunders