JSFiddle - React, Tailwind, and code Playground

by Jay Angelo Valmocina

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<html>
   <head></head>
   <body>
      <div id="app">
      <select v-model="selected">
        <option v-for="option in options" :value="option.value">
            {{ option.text }}
        </option>
      </select>
<span>Selected: {{ selected }}</span>
      </div>
   </body>
</html>

JavaScript

new Vue({
  el: '#app',
  data: {
    selected: 'One',
    options: [
      { text: 'One', value: 'One' },
      { text: 'Two', value: 'Two' },
      { text: 'Three', value: 'Three' }
    ]
  }
})