Vue

by Alex Kyriakidis

HTML

<div id="app">
      <click-counter></click-counter>
      <click-counter></click-counter>
      <click-counter></click-counter>
      <click-counter></click-counter>
</div>


<script type="text/x-template" id="click-counter-template">
   <div>
  	 <p>the count is:</p>
     <button @click="count++">{{ count }}</button>
   </div>
</script>

Vue

Vue.component('click-counter', {
	template: '#click-counter-template',
  data () {
  	return {
    	count: 0
    }
  }
})

new Vue({
  el: "#app"
})