The very first Vue.js example

by Saurabh Mimani

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">

    <transition name="fade">
    <div v-if="loading" class="loading">Loading&#8230;</div>
    <div v-if="!loading">My content is loaded here which is {{longContent}}</div>   
    </transition>
</div>

JavaScript

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

var demo = new Vue({
    el: '#demo',
    data: function(){
    	return {
      	loading: true,
        longContent: ''
      };
    },
    mounted(){
      var vm = this     
      setTimeout(function(){
        vm.loading = false
        vm.longContent = "This is Amazond dksjfh sd khsdf kj"
      }, 1000)
    }
})