摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="Vue.js"></script>&l
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="Vue.js"></script>
</head>
<body>
<div id="box">
<input type="text" id="box" v-model="info">
<p>{{length}}</p>
</div>
<script type="text/javascript">
new Vue({
el:'#box',
// template:'<h3 style="color:red">Javascrip权威指南</h3>',
data:{
info:'',
length:0
},
methods:{
aa:function () {
this.message='Vue.js权威指南';
}
},
watch:{
info:function(){
this.length++;
}
}
})
</script>
</body>
</html>
批改老师：天蓬老师批改时间：2018-12-27 09:16:55
老师总结：Vue中的监听操作,是双向绑定的基础,很重要,要注意与计算属性的区别
