Vue - Components Nesting

by NesterOne

HTML

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.2/css/uikit.min.css">

<div id="app">
  <x-button>Test</x-button>
</div>

JavaScript

var BasicButton = Vue.extend({
    template: "<button class='uk-button'><slot><slot></button>"
});



Vue.component("x-button", BasicButton);


new Vue({
	el: '#app'
});