watch的使用

watch:{
    regioncode:{
        handler:function(n,o){

        },
        deep: true,
        immediate：true
    }
}

vm.$watch('obj',function(n,o){},{deep:true});

 

1、设置 immediate 为true，将立即以表达式的当前值触发回调

2、数组的监听不需要深度监听，对象数组的监听需要用到深度监听

3、{deep:true}是给对象所有属性都加上监听器，这样很浪费性能，可以使用字符串形式的监听

watch:{
    'obj.a':{

    }
}

4、handler函数不能用箭头函数，否则this并不指向vue实例

箭头函数的写法this不是想要的
handler:(n,o)=>{}
对象中的函数简写跟箭头函数是两回事
hander(n,o){}

5、vue2中只有以响应式的方式触发所监听的数据的改变，才能触发回调（例如：以数组下标方式改变数组、给对象增加属性，都不会触发回调）