<div id="app" class="m-3">
  <x-button
     text="Go"
     url="https://blog.pleets.org">
  </x-button>
</div>
Vue.component('x-button', {
  props: ['url', 'text'],
  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/bootswatch/4.5.2/cerulean/bootstrap.min.css

External JavaScript

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