vue中的watch

vue中的watch监听数据变化

　　1.通过watch监听data数据的变化，数据发生变化时，就会打印当前的值

watch: {
    data(val, newval) {
        console.log(val)
        console.log(newval)
    }
}     

 

　　2.通过watch监听docData数据的变化，数据发生变化时，this.change_number++（使用深度监听）

watch: {
    docData: {
        handler(newVal) {
            this.change_number++
        },
        deep: true
    }
}        

 

 　　3.通过watch监听data数据的变化，数据发生变化时,执行changeData方法

watch: {
    data： 'changeData' // 值可以为methods的方法名
}，
methods: {
    changeData(curVal,oldVal){
　　　conosle.log(curVal,oldVal)
　 }
}