JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <component :is="item.content"></component>
</div>

JavaScript

const Adressen = {
  template: `
    <p>
      {{ getBOByNr }}
    </p>
  `,
  
  props: ['getBOByNr']
}

new Vue({
  data () {
    return {
      getBOByNr: 'abc123',
    
      item: {
  			name: "Adressen",
        content: {
          render: h => h(Adressen, { props: { getBOByNr: this.getBOByNr } })
        }
			}
    }
  }
}).$mount('#app')