JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
<div id="vue">
  {{greeting}}
  <child id="child"></child>
  <child id="child2"></child>
</div>
<button>Click me</button>

JavaScript

Vue.component('child', {
  data() {
      return {
        greeting: 'Howdy!'
      }
    },
    template: `<div>{{greeting}}</div>`
})
new Vue({
  el: '#vue',
  data: {
    greeting: 'Hello!'
  }
})
$('button').click(()=>{
	$('#vue')[0].__vue__.greeting = 'Good day!'
  $('#child')[0].__vue__.greeting = 'Konnichiwa!'
})