The V-Model Directive and Two-Way Data Binding

Learn how two-way data binding is achieved in Vue 2 and Vue 3 using the v-model directive.

Two-way data binding using v-model

Two-way data binding on a form element or component can be achieved using the v-model directive. Below is a simple example of using this directive.

Vue 2

Get hands-on with 1200+ tech skills courses.