watch：
觀測Vue實(shí)例上的數(shù)據(jù)變動(dòng)，對(duì)應(yīng)一個(gè)對(duì)象，
鍵：就是需要監(jiān)測的那個(gè)東西，
值：

1.可以是當(dāng)鍵變化時(shí)執(zhí)行的函數(shù)，有兩個(gè)參數(shù)，第一個(gè)是變化前的值，第二個(gè)是變化后的值。
2.可以是函數(shù)名，得用單引號(hào)包裹。
3.可以是一個(gè)對(duì)象，這個(gè)對(duì)象有三個(gè)選項(xiàng)：
（1）handler ：一個(gè)回調(diào)函數(shù)，監(jiān)聽到變化時(shí)應(yīng)該執(zhí)行的函數(shù)。
（2）deep ：boolean值，是否深度監(jiān)聽。（一般監(jiān)聽時(shí)是不能監(jiān)聽到對(duì)象屬性值的變化的，數(shù)組的變化可以聽到）
（3）immediate ：boolean值，是否立即執(zhí)行handler函數(shù)。

watch的三種情況：
1. 普通的watch：

  el:'#app',

    data:{

        meter:1000,

        kilameter:1

    },

    watch:{

        meter:function(val){

            this.kilameter = val * 0.1;

        },

        kilameter:function(val){

            this.meter = val *1000;

        }

    }

})

2.數(shù)組的watch：

    el:'#app',

    data:{

        arr:[1,2,3]

    },

    watch:{

        arr:function(oldV,newV){

            console.log(oldV);

            console.log(newV);     

        }

    }

})

3.對(duì)象的watch：

    el:'#app',

    data:{

        obj : {

            a:111,

            b:222

        }  

    },

    watch:{

        obj:{

            handler:function(oldV,newV){

                console.log(oldV);

            },

            deep:true

        }

    }

)

本文來自博客園，作者：喆星高照，轉(zhuǎn)載請注明原文鏈接：https://www.cnblogs.com/houxianzhou/p/13725074.html

總結(jié)

以上是生活随笔為你收集整理的vue2.0中watch用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。