JSFiddle - React, Tailwind, and code Playground

by John Passmore

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.17/vue.min.js"></script>
<div id='app'>
    <select v-model="selected">
      <option v-for="option in options" value="{{$index}}">{{option}}</option>
    </select>
    <br>
    <span>Selected: {{ options[selected] }}</span>
</div>

JavaScript

new Vue({
    el:'#app',
    data: {
    	selected: 0,
    	options: ['Jan', 'Doe', 'Khan']
    }
});