Binding Props in VueJs Components

Passing data to VueJs components by binding data to props - http://coligo.io

by Edward Tanguay

HTML

<script src="https://cdn.jsdelivr.net/vue/1.0.16/vue.js"></script>
<div id="app">
  <div>
    The URL is: {{url}}
  </div>
  <div>
    <a target="_blank" :href="url">goto URL</a>
  </div>
  <div>
    <a target="_blank" :href="url2">goto URL2</a>
  </div>
  <div>
    <a target="_blank" :href="getUrl()">goto URL2 using javascript function</a>
  </div>
</div>

JavaScript

function getUrl() {
	return 'http://www.amazon.com';
}

var vm = new Vue({
	el: '#app',
	data: {
		url: 'http://www.google.com',
    url2: getUrl()
	}
});