JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue">
  <test prop="foo" prop2="bar"></test>
  <extended></extended>
</div>

JavaScript

const test = {
  props: ['prop','prop2'],
  template: `<div>{{prop}}{{prop2}}</div>`
}
const extended = {
	extends:test,
  props:{
  	prop:{
    	default:'ddd'
    }
  }
}

new Vue({
  el: '#vue',
  components: {
    test, extended
  }
})