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>
</div>
 <div data-init="component-two">
    <button @click="doSomething($event)">{{ message }}</button>
 </div>

JavaScript

var app = new Vue({
  el: '[data-init="component-one"]',
  data: {
    message: 'Hello Vue!'
  }
});


// componentTwo.js
var ddd = new Vue({
  el: '[data-init="component-two"]',
  data: {
    message: 'ddddddddddd!'
  },
  methods: {
    doSomething: function(event) {alert('s')}
  }
});