<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>v-bind</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id ="app" class="image">
账户:<input type="text" v-model="username"><br><br>
密码:<input type="password" v-model="password"><br><br>
<input type="checkbox" v-model="isSingle">
<input v-model="sex" type="radio" name="sex" value="1">男
<input v-model="sex" type="radio" name="sex" value="2">女
<button @click="login">登录</button>
<button @click="reset">重置</button>
<select v-model="cityid">
<option value="101">1</option>
<option value="102">2</option>
<option value="103">3</option>
<option value="104">4</option>
</select>
<br><p>自我描述:</p><br>
<textarea v-model="desc"></textarea>
</div>
<script>
var app = new Vue({
el:'#app',
data:{
username:'',
password:'',
isSingle:false,
sex:"1",
cityid:"102",
desc:""
},
methods:{
login(){
},
reset:function(){
this.username="";
this.password="";
}
}
})
</script>
</body>
</html>