VueJS Getting Started

Let's get started with VueJS!

by wostex

HTML

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

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

JavaScript

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

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