JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/0.10.5/vue.min.js"></script>
<section id="tabs">
  <div>
    <span v-repeat="tabs">
      <button v-on="click:current=id">{{id}}</button>
    </span>
  </div>
  <div v-repeat="tabs">
    <div v-show="current==id">{{content}}</div>
  </div>
  <pre>
    current={{current}}
  </pre>
</section>

JavaScript

var content = new Vue({
    el: '#tabs',
    data: {
      tabs: [
        {id: 'tab1', content:'this is tab1'},
        {id: 'tab2', content:'this is tab2'},
        {id: 'tab3', content:'this is tab3'}
      ],
      current: 'tab1'
    },
    
    methods: {
      changeCurrent: function(value) {
        this.$data.current = value;
      }
    }
  });