<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<!--//1.lazy修饰符,在数据失去焦点或会车时更新-->
<input type="text" v-model.lazy="message" />
<h2>{{message}}</h2>
<!--//2.number修饰符,可以让输入框输入的内容自动转换为数字-->
<input type="text" v-model.number="age" />
<h2>年龄:{{age}} 类型:{{typeof age}}</h2>
<!--//3.trim修饰符,过滤输入内容左右的空格-->
<input type="text" v-model.trim="mm"/>
<h2>{{mm}}</h2>
</div>
<script>
new Vue({
el:"#root",
data:{
message:"",
age:"",
mm:""
},
methods:{
},
computed:{
},
filters:{ //过滤器
}
})
</script>
</body>
</html>