Vue.js: Forms & validations in the composition age
summary
A complete rewrite of Vuelidate targets Vue.js 3 and the Composition API, delivering half the code and quarter the complexity and a minified core around two kilobytes. It adds lazy validations, nested validation aggregation via provide/inject, better async support, and built‑in messages with a shakeable validators package. A schema form generator (Formulate) and a plugin that wires Vuelidate into form fields get demoed; live coding falters but the nested validations, touch/dirty behavior and plugin integration ultimately work.
AI-written summary · about
chapters (20)
- 0:00Start
- 2:19The Template Driven Validation Framework
- 8:09The Composition Api Setup
- 11:10The Lazy Validation
- 12:15The Template
- 14:34Nested Validations
- 15:05Nested Validation Wrapper
- 19:45Custom Validator
- 20:59Explanation for the Nested Validations
- 22:39Built in Error Messages Support
- 24:53Backwards Compatibility
- 27:01Schema Based Form Generator
- 29:50Demo
- 32:39Email Template
- 35:46Form Validations
- 37:38Schema Form Factory
- 51:54Use with Errors Plugin
- 59:20Lookup Plugin
- 1:00:00Roadmap
- 1:02:20How Would You Build a Plugin for View Three
