An example of how components are written using Vue.js

VueComponentExample.html

<div id="example">
  <!-- using our custom component -->
  <my-component></my-component>
</div>

<script>
  // Define a new component
  Vue.component('my-component', {
    data: function () {
      return {
        count: 0
      }
    },
    template: '<p>Click count: {{ count }}</p><button @click="count++">Add Click</button>'
  })
  // Setup root Vue instance
  new Vue({ el: '#example' })
</script>