千峰商城-springboot项目搭建-22-vue侦听器
侦听器,就是data中属性的监听器,当data中的属性值发生变化就会触发侦听器函数的执行。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div id="container"> <input type="text" v-model="str1" /><br /> <input type="text" v-model="str2" /><br /> {{str3}} </div> <script type="text/javascript"> var vm = new Vue({ el:"#container", data:{ str1:"千峰", str2:"武汉", str3:"千峰武汉" }, watch:{ str1:function(){ this.str3 = this.str1 + this.str2; }, str2:function(){ this.str3 = this.str1 + this.str2; } } }); </script> </body> </html>