<div id="app"> <form> <label for="tax">消費税8%の場合：</label> <input type="text" id="tax" v-model.number="tax" @change="onchange"> </form> {{ onchange() }} </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="template.js" charset="utf-8"></script> var app = new Vue({ el: '#app', d…

<form> <label for="kb">1KB：</label> <input type="radio" id="kb" v-model="unit" @change="onchange" <!--v-bindには配列型オブジェクトのデータが渡せる--> :value="{ name: 'キロバイト', size: 1024 }" /><br> <label for="mb">1MB：</label> </form>

<div id="app"> <form> <lavel for="name" ></lavel> <textarea id="name" v-model="myName"></textarea> <div>{{myName}}</div> <lavel for="性別">性別</lavel> <input type="radio" v-model="gender" value="男性"> </form></div>