JSFiddle - React, Tailwind, and code Playground

by nerdycap007

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.15/vue.js"></script>
<div id="app">
<div>{{ $data | json }}</div>
  <ul>
    <li v-for="n in 10">
      <label>
        <input
          type="checkbox"
          v-model="inputs"
          :value="n"
          :disabled="inputs.length > 4 && inputs.indexOf(n) === -1" 
          > Item {{ n }} {{ inputs.indexOf(n) }}
      </label>
    </li>
  </ul>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	inputs: []
  }
})