JSFiddle - React, Tailwind, and code Playground

by FiNGAHOLiC

HTML

<script src="https://rawgit.com/yyx990803/vue/master/dist/vue.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div id="app">
  <ul>
    <li v-for="author in authors">
      <label><input type="radio" v-model="checkName" v-bind:value="author.name">{{ author.name }}</label>
    </li>
  </ul>
  <p>{{ checkName }}</p>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    checkName: '選択して下さい',
    authors: [
      { id: 1, name: '夏目漱石' },
      { id: 2, name: '太宰治' },
      { id: 3, name: '村上春樹' }
    ]
  }
});