借助 computed 作为中间转换

原创

用户7365393

修改于 2021-09-26 17:33:38

2500

修改于 2021-09-26 17:33:38

借助 computed 作为中间转换，如下：

// 方法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 组件传过来的值

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 主要作用就是组件加载时，会立即触发回调函数。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

undefined