Learning Vuejs 2

Second tutorial code for Learning Vue JS

HTML

<script src="https://vuejs.org/js/vue.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.min.js"></script>
<div id="example">
  <P>
  original Messages : {{message}}
  </P>
  <p>
  Computed Reverse Message : {{reversedMessage}}
  </p>
</div>

JavaScript

var vm = new Vue({
	el : '#example',
  data :{
  	message:'Hello'
  },
  computed:{
  	reversedMessage : function(){
    	return this.message.split('').reverse().join();
    }
  }
})