Vue.js Quick Example

HTML

<script src="https://vuejs.org/js/vue.min.js"></script>
<div id="root">
  <custom-form>
    <custom-field></custom-field>
    <custom-field></custom-field>
    <custom-field></custom-field>
  </custom-form>
</div>

CSS

.color-red {
  color: red;
}
.color-blue {
  color: blue;
}

JavaScript

var CustomForm = {
	template: `<div>
 					     <h1>I am form</h1>
      				 <slot></slot>
    				 </div>`
}

var CustomField = {
	template: '<h2>I am field<h2>'
}

var demo = new Vue({
    el: '#root',
    components: { CustomForm, CustomField },
})