How To Create Two-way Bindings In Vue.js?

1.	How To Create Two-way Bindings In Vue.js?
Answer» HTML:– &LT;div id="app"&GT; <label for="name">ENTER name: label> <input type="text" v-model="name" id="name" name="name" /> <p>{{ name }} is {{ age }} years old.p> div> JS:– var my Model = { name: "Laraphp", age: 24 }; var myViewModel = new Vue({ el: '#app', data: my Model }); HTML:– <div id="app"> <label for="name">Enter name: label> <input type="text" v-model="name" id="name" name="name" /> <p>{{ name }} is {{ age }} years old.p> div> JS:– var my Model = { name: "Laraphp", age: 24 }; var myViewModel = new Vue({ el: '#app', data: my Model });

Answer»

HTML:–

&LT;div id="app"&GT;

<label for="name">ENTER name: label>

<p>{{ name }} is {{ age }} years old.p>

div>

JS:–

var my Model = {

name: "Laraphp",

age: 24

};

var myViewModel = new Vue({

el: '#app',

data: my Model

});