4 - Simple Vue component sample

component.html

<div id="HelloSubject">
  <h1>Hello {{ subject }}!</h1>
</div>

component.vue

Vue.component('hello-subject', {
  template: '#HelloSubject',
  props: {
    subject: {
      type: String,
    },
  },
});

index.html

<hello-subject :subject="World"></hello-subject>