Vue 2.0 Hello World

by Pankaj Kargirwar

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <input type="text" v-on:input="changeTitle">
  <p>
  {{sayHello()}}  - <a v-bind:href="link">Link</a>
  </p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	title: 'Hello World!',
    message: 'Hello',
    link: "http://www.google.com"
  },
  methods: {
  	changeTitle: function(e) {
    	this.title = e.target.value;
    },
    
    sayHello: function() {
    	return this.message;
    }
  }
})