Vue.js 2 template

by Edward Tanguay

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>

<div id="app">
  <div v-for="customer in customer">
    <customer-item :customer="customer"></customer-item>
  </div>
</div>

Babel + JSX

new Vue({
  el: '#app',
  data: {
    customer: [
    {
      id: 12,
      name: 'Jim'
    },
    {
      id: 44,
      name: 'Joe'
    }
    ]
  },
  components: {
  	CustomerItem: {
	  	template: '<div>{{customer.id}}: {{customer.name}}</div>',
  	  props: ['customer']
    }
  }
})