JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <tabs></tabs>
</div>

<template id="tabs">
  <div>
    <a href="#" @click="tab='foo'">Show Foo</a>
    <a href="#" @click="tab='bar'">Show Bar</a>

    <div v-show="tab === 'foo'">This is Foo</div>
    <div v-show="tab === 'bar'">This is Bar</div>
  </div>

</template>

JavaScript

Vue.component('tabs', {
  template: '#tabs',
  data(){
    return{
      tab: 'foo'
    }
  }
})

new Vue({
  el: '#app'
})