<div id="my_view">
  <sitepoint channel="JavaScript"></sitepoint>
  <br/>
  <sitepoint channel="Web"></sitepoint>
</div>
Vue.component('sitepoint', {
  props: ['channel'],
  template: '<a href="https://www.sitepoint.com/{{ channel | lowercase }}">{{ channel }} @Sitepoint</span>',
});

var myViewModel = new Vue({
  el: '#my_view',
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js