<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)
}
},
} );
vm.$watch("lastName",function(val,oldval){
console.log(val)
})
</script>
出处–VueJs探索之watch用法详解(转)