Vue.Js Two Way Data Binding
home
Run
screen_rotation
fullscreen
cloud_download
<html> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script> <script> var myModel= {name:"Vue.js",rank:2}; </script> <body> <div id="my_view"> <label>Enter name:</label> <input id="name" name="name" type="text" v-model="message"/> {{ message }} </div> <script> new Vue({ el: '#my_view', data:{ message: "Hello Vue.Js!" } }) </script> </body> </html>
<html> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.js"></script> <script> var myModel= {name:"Vue.js",rank:2}; </script> <body> <div id="my_view"> <label>Enter name:</label> <input id="name" name="name" type="text" v-model="message"/> {{ message }} </div> <script> new Vue({ el: '#my_view', data:{ message: "Hello Vue.Js!" } }) </script> </body> </html>
Copyrights@tutorialsplane.com