Two Way Data Binding in Vue js

What is Two Way Data Binding?

Any model changes are automatically in the view and any changes to the model like text box , radio button selection , check box selection are also updated to the model.

How to achieve Two way data binding in Vue js?

Similar to angular where in angular it provides ng-model directive to achieve two way data binding , in vue it provides a directive called v-model with which we can achieve two way data binding.

Example:

In this example , whenever you type something in text box , its value is automatically updated in the view.

Two way data binding in Vue js