Vue TutorialLesson 12Free preview

Vue Forms

This lesson is part of Vue · All levels

Summary

Interactive forms are an important part of almost all web applications, and Vue simplifies its management through two-way binding. The user's input is stored directly in reactive data so that other displays can follow it, such as displaying a summary or enabling the submit button. This lesson discusses the common patterns of managing forms with Vue.

Key points

The interactive form is most often combined with the v-model for two-way binding.
Status forms such as validity can be derived from reactive data.
Submit forms should be handled with a modifier .prevent.
Validation can be done before sending data to the server.
The raw value of the form needs to be converted to its data type if necessary.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.