The very first Vue.js example

by Saurabh Mimani

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo" class="row">
<div class="col-md-8">
    <h3>Daily Summary - {{ selectedDate }}</h3>
</div>
<div class="col-md-4">
    <p>Change date</p>
    <input type="date" name="date" v-model="selectedDate">
</div>
</div>

JavaScript

var data = {
    message: 'Hello Vue.js!'
}

var demo = new Vue({
    el: '#demo',
    data: function(){
    	return {
      	selectedDate: null
      };
    },

watch: {
    selectedDate: function(){
        alert('date changed');
    }
}
})