JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/document-register-element/1.5.0/document-register-element.js"></script>
<script src="https://rawgit.com/karol-f/vue-custom-element/master/dist/vue-custom-element.min.js"></script>
<widget-vue prop1="1" prop2="string" prop3="true"></widget-vue>

JavaScript

Vue.customElement('widget-vue', {
  props: [
    'prop1',
    'prop2',
    'prop3'
  ],
  data: function() {
  	return {
    	message: 'Hello Vue!'
    }
  },
  template: '<p>{{message}}, {{prop1}}, {{prop2}}, {{prop3}}</p>'
});