<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>v-if语法在网站注册中的实际应用</title>
<script src="vue.js"></script>
</head>
<body>
<div id="lantian">
<input type="text" v-model="age" />
<span v-if="age<20">小孩</span>
<span v-else-if="age<30">青年</span>
<span v-else-if="age<50">壮年</span>
<span v-else>老年</span>
<hr />
<input type="checkbox" v-model="copyright" />接受协议<br />
<span v-if="copyright==false">请先接受协议</span>
<span v-else>注册</span>
</div>
<script>
var app=new Vue({
el:'#lantian',
data:{
copyright:false,
age:0
}
});
</script>
</body>
</html>