JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="myApp">
  <my-component v-bind:name="name" ref="test"></my-component>
  <button v-on:click="name = 'Yo man'">Change</button>
</div>

JavaScript

Vue.component(
  'my-component',
  {
    props: {
      name: String
    },
    template: '<div><h1>name: {{name}}</h1></div>'
  }
);

var myApp = new Vue(
  {
    el: '#myApp',
    data: {
      name: "Yo!"
    }
  }
);