Vue 2.0 Hello World
HTML
<script src="https://unpkg.com/vue"></script>
<div id = "computedProperty">
Full Name - <input type = "text" v-model = "fullname" />
<h4>My Name is - {{firstName}} {{lastName}} and my Age is - {{ age}} years.</h4>
</div>
JavaScript
var vm = new Vue({
el: '#computedProperty',
data: {
firstName : "Anil",
lastName : "Singh",
age :32
},
methods: {
addUser: function(e){
alert("Add Method Called!");
}
},
computed :{
fullname : {
get : function() {
return this.firstName+" "+this.lastName;
}
}
}
});