vue侦听器

首先要了解侦听器的作用

Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

var watchExampleVM = new Vue({
  el: '#watch-example',
  data: {
    question: '',
    answer: 'I cannot give you an answer until you ask a question!'
  },
  watch: {
    // 如果 `question` 发生改变，这个函数就会运行
    question: function (newQuestion, oldQuestion) {
      this.answer = 'Waiting for you to stop typing...'
      this.debouncedGetAnswer()
    }
  }

 深度监听对象的变化

data: {
  obj: {
       age: 18     
    } 
},
watch: {
    obj: {
         handler(newVal, oldVal){
             
        },
         deep: true
    }
}   

 监听对象的某个属性变化(利用computed配合watch实现单个属性的深度监听)

data: {
　　obj: {
　　　　age: 18
　　}
},
computed: {
　　isage(){
　　　　return this.obj.age
　　}
},
watch: {
　　isage(){
　　console.log('obj.age发生变化')
　　}
}