VueJS Getting Started

Let's get started with VueJS!

by kulakoff

HTML

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

<div id="app">
<child></child>
</div>

Babel + JSX

Vue.component('child', {
  props: ['card'],
  data: function() {
  	return {
    	child_prop: {id: 0, name: 'default name', title: 'default title', ...this.card}
    }
  },
  template: `<p>{{ child_prop.id }} |  {{ child_prop.name }} | {{ child_prop.title }}</p>`
});

new Vue({
	el: '#app',
});