In this chapter, you will create forms with v-model and v-bind. You will learn to validate forms on the client side before sending the form data to the server. You will create forms with basic elements, binding dynamic values and using modifiers to modify the input element's behavior. You will also learn to use the vee-validate plugin for validating forms and applying it to Nuxt apps. It is important to learn and understand how to use v-model and v-bind with Vue forms in this chapter because we will use forms in the coming chapters, such as in Chapter 10, Adding a Vuex Store, and Chapter 12, Creating User Logins and API Authentication.
The topics we will cover in this chapter are the following:
- Understanding v-model
- Validating forms with basic data bindings
- Making dynamic value bindings
- Validating forms with vee-validate
- Applying Vue forms in Nuxt