JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.0/vue.js"></script>

<div data-init="component-one">
<button >{{ message }}</button>

 <item></item>
 
 </div>

JavaScript

// componentTwo.js
var item = Vue.component('item',({
name:'item',
template:'<button @click="doSomething($event)">{{ message2 }}</button>',
  data: function(){
  return{ 
	 message2: 'ddddddddddd!'
  }},
  methods: {
    doSomething: function(event) {alert('s')}
  }
}));
var app = new Vue({
  el: '[data-init="component-one"]',
  data: {
    message: 'Hello Vue!'
  }
});