vue常用特性之侦听器

监听器

监听数据，数据一旦发生变化就通知监听器所绑定的方法

---

引用场景

数据变化时执行异步(定时器、ajax)或者开销较大的操作

---

语法规则

     watch:{
       firstName:function(val){
         //val表示变化之后的值
         this.fullName = val + this.lastName;
       },
       lastName:function(val){
         this.fullName = this.firstName+val;
       }
     }

---

监听器案例

1. 通过v-model实现数据绑定
2. 需要提供提示信息
3. 需要监听器监听输入信息的变化
   采用监听器监听用户名的变化
   调用后台接口进行验证（在后面的代码中使用定时器来模拟后台接口的调用，因为不想写接口- ）
   根据验证的结果调整提示信息
4. 需要修改触发的事件