#08 - Input Binding (Two-way databinding) - Vue 3 (Options API) Tutorial
In this Vue 3 tutorial, we learn how to combine string interpolation and event binding to react to events and output data at the same time, a process known as Two-way Databinding. We cover the binding directive, modifiers, binding various form elements and the basics of form handling.
We cover the following topics:
1. Two-way databinding (Input binding)
2. The lazy modifier
3. The trim modifier
4. Binding Textareas
5. Binding Single-Select Dropdowns
6. Binding Multi-Select Controls
7. Binding Radio Buttons
8. Binding Checkboxes
9. Binding Checkbox Groups
10. Form handling basics
Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)
This lesson is also available in written format
https://www.koderhq.com/tutorial/vue/...
Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
• Vue 3 for Beginners
Subscribe to the channel and never miss a lesson
/ @koderhq
Visit the website for a wide range of programming tutorials
https://www.koderhq.com
