Vue.js v-model radio button demo

Chapter 6.5

by nerdycap007

HTML

<div id="app">
  <label>
    <input type="radio"
           value="Apple"
           v-model="rdoFruit">Apple
  </label>
  <br>
  <label>
    <input type="radio"
           value="Banana"
           v-model="rdoFruit">Banana
  </label>
  <br>
  <label>
    <input type="radio"
           value="Cherry"
           v-model="rdoFruit">Cherry
  </label>
  <hr>
  選擇的水果：{{ rdoFruit }}
</div>

<script src="https://unpkg.com/vue/dist/vue.js"></script>

JavaScript

new Vue({
	el: '#app',
	data: {
		rdoFruit: 'Apple'
	}
})