HtmlJavascript | Tutorials Link

             <html>
<head>
    <title>VueJs Instance</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js"></script>
</head>
<body>
    <div id="computed_props">
        FirstName : <input type="text" v-model="firstname" /> <br /><br />
        LastName : <input type="text" v-model="lastname" /> <br /><br />
        <h1>My name is {{firstname}} {{lastname}}</h1>
        <h1>Using computed method : {{getfullname}}</h1>
    </div>
    <script>
        var vm = new Vue({
            el: '#computed_props',
            data: {
                firstname: "",
                lastname: "",
                birthyear: ""
            },
            computed: {
                getfullname: function () {
                    return this.firstname + " " + this.lastname;
                }
            }
        })
    </script>
</body>
</html>

COMPANY

CONTRIBUTE

COMPANY

JOIN TUTORIALS LINK

Our Newsletter Will Let You Know When Any NewArticles, Tutorials and Video Are Released.

CONTRIBUTE

Follow us

Our Newsletter Will Let You Know When Any New
Articles, Tutorials and Video Are Released.