<div id="app" class="m-3">
  <x-button></x-button>
</div>
Vue.component('x-button', {
  data: function() {
    return {
      text: 'Go',
      url: 'https://blog.pleets.org'
    }
  },
  template: `
    <a :href="url" class="btn btn-primary">
      {{ text }}
    </a>
  `
});

var vue = new Vue({
  el: "#app",
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/vue/dist/vue.js