效果图
输入前
输入后
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<label for="male">
<input type="radio" id="male" value="男" v-model="sex" />男
</label>
<label for="female">
<input type="radio" id="female" value="女" v-model="sex" />
</label>
<h2>{{sex}}</h2>
<input type="text" :value="message" @input="message=$event.target.value"/> //和v-model效果相同
<h2>{{message}}</h2>
<input type="text" v-model="message1" />
<h2>{{message1}}</h2>
</div>
<script>
new Vue({
el:"#root",
data:{
sex:"男",
message:"",
message1:""
},
methods:{
},
computed:{
},
filters:{ //过滤器
}
})
</script>
</body>
</html>