7 Program to demonstrate two ways data binding in VueJS

Program:

index.html:

<!DOCTYPE html>

<html>



<body>

    <div id="ad">



        <input type="text" v-model="message">



        {{ message }}



    </div>



    <div style="margin-top:500px;"></div>

    <script src="https://unpkg.com/vue"></script>

    <script type="text/javascript" src="./index.js"> </script>





</body>



</html>


index.js:

var app = new Vue({

    el: '#ad',

    data: {

        message: '',

    },

    methods: {

    

    }

});


Output:
two ways data binding in VueJS

Previous
Next Post »

1 Comments:

Click here for Comments
Unknown
admin
August 30, 2020 at 5:10 AM ×

Thank

Thank You Unknown For Comment.
Reply
avatar