JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue"></script>

<div id="example">
  <component :data="{x:1}"></component>
</div>

JavaScript

// register the component
Vue.component('component', {
  props: {
  	data: {
    	type: Object
    }
  },
  data: function () {
  	return {
    	typeOf: typeof this.data
     }
  },
  template: '<div>Data: {{data}}<br>Type: {{typeOf}}</div>',
  mounted: function () {
  	console.log(this.data)
  }
})

// create a root instance
new Vue({
  el: '#example'
})