JSFiddle - React, Tailwind, and code Playground

by ksumarine

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/0.11.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/jquery.linq.min.js"></script>
<div id="test">
  <select v-model="player.position">
    <option v-repeat="positions">{{$value}}</option>
  </select>
</div>

JavaScript

var player = {
	position:'C'
}
var positions = ['1B','2B','SS','3B','RHP','C'];
var testVue = new Vue({
	el:'#test',
  data: {
  	player:player,
    positions:positions
  }
});