watch用法

watch是一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。
关键点：
watch是一个对象
watch监听复杂对象的deep和直接监听的模式
注意点：
注意，不应该使用箭头函数来定义 watcher 函数 (例如 searchQuery: newValue => this.updateAutocomplete(newValue))。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例，this.updateAutocomplete 将是 undefined。
上代码

  
    
    
  
  
    

      
Watch 用法1：常见用法
      
      {{copyMessage}}
    
    

      
Watch 用法2：绑定方法
      
      {{copyMessage}}
    
    

      
Watch 用法3：deep + handler
      
      {{copyMessage}}
    
    

      
Watch 用法4：immediate
      
      {{copyMessage}}
    
    

      
Watch 用法5：绑定多个 handler
      
      {{copyMessage}}
    
    

      
Watch 用法6：监听对象属性
      
      {{copyMessage}}