<script src="https://unpkg.com/vue/dist/vue.js"></script>
<p v-bind:class="{'errorb' : error}"> <input v-model.trim="message"/>
<template v-if="loginType === 'username'">
<input placeholder="Enter your username" key="item1">
<input placeholder="Enter your email address" key="item2">
<input type="button" value="toggle" v-on:click="toggle"/>
<input v-on:keyup.enter="submit" value="try enter"/>
<li v-for="n in eventNum">{{ n }}</li> <input type="radio" id = "item1" value="item1" v-model="check"/>
<label for="item1">item1</label>
<input type="radio" id = "item2" value="item2" v-model="check"/>
<label for="item2">item2</label>
<input type="radio" id = "item3" value="item3" v-model="check"/>
<label for="item3">item3</label>
<span>check={{check}}</span> <input type="checkbox" id = "item4" value="item4" v-model="checks"/>
<label for="item4">item4</label>
<input type="checkbox" id = "item5" value="item5" v-model="checks"/>
<label for="item5">item5</label>
<input type="checkbox" id = "item6" value="item6" v-model="checks"/>
<label for="item6">item6</label>
<select v-model="checks" multiple >
<span>checks={{checks}}</span> <select v-model="select">
<span>select={{select}}</span> <select v-model="option">
<option v-for="selected in options" v-bind:value="selected.value">{{selected.text}}</option> <span>option={{option}}</span> <input v-model.number="number" type="number">
<span>number={{number}}</span>
