JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.js"></script>
<div id="app"></div>

JavaScript

Vue.component('my-component', {
  props: {
    visible: false
  },
  template: `
    <div v-show="visible">
      <span>{{visible}}</span>
    </div>
  `
});

var App = Vue.extend();

new App({
  el: '#app',
  data() {
    return {
      visible: false
    }
  },
  template: `
    <div>
      <my-component visible="visible" ></my-component> 
    </div>
  `
})