借助 computed 作为中间转换，如下：
代码语言：javascript复制// 方法2：借助computed
<input v-model="per.name">
data(){
return{
per:{
name:'倩倩',
age:'18'
}
}
},
watch:{
perName(){
console.log('name改变了')
}
},
computed:{
perName:function(){
return this.per.name
}
},Demo4：监听 props 组件传过来的值
代码语言：javascript复制props:{
mm:String
},
//不使用 immediate
watch:{
mm(newV,oldV){
console.log('newV',newV)
console.log('oldV',oldV)
}
}
//使用 immediate
watch:{
mm:{
immediate:true,
handler(newV,oldV){
console.log('newV',newV)
console.log('oldV',oldV)
}
}不使用 immediate 时，第一次加载页面时，watch 监听的 mm 中的打印并没有执行。
使用 immediate 时，第一次加载时也会打印结果：newV 11 oldV undefined。
immediate 主要作用就是组件加载时，会立即触发回调函数。
