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" v-bind="item.props"></component>
</div>

JavaScript

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

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