Vue.js 提供了一個方法 watch，它用於觀察Vue例項上的資料變動。對應一個物件，鍵是觀察表示式，值是對應回撥。值也可以是方法名，或者是物件，包含選項。具體的用法可以直接看下面的示例，簡單直接。

<div id="app">
    <input type="text" v-model:value="childrens.name" />
    <input type="text" v-model:value="lastName" />
</div>

<script type="text/javascript">	
    var vm = new Vue( {
        el: '#app',
        data: {
            childrens: {
                name: '小強',
                age: 20,
                sex: '男'
            },
            tdArray:["1","2"],
            lastName:"張三"
        },
        watch:{
            childrens:{
                handler:function(val,oldval){
                    console.log(val.name)
                },
                deep:true//物件內部的屬性監聽，也叫深度監聽
            },
            'childrens.name':function(val,oldval){
                console.log(val+"aaa")
            },//鍵路徑必須加上引號
            lastName:function(val,oldval){
                console.log(this.lastName)
            }
        },//以V-model繫結資料時使用的資料變化監測
    } );
    vm.$watch("lastName",function(val,oldval){
        console.log(val)
    })//主動呼叫$watch方法來進行資料監測
 

</script>
</body>