vue中的methods,watch和computed区别

一、computed,watch和methods区别

  • computed 和 watch : 执行都是自动触发,当 监听的某一个数据 发生变化时,自动执行,改变与之相关的数据,只会改变相关数据
  • methods :执行条件是手动调用执行,不处理数据逻辑关系,只提供可调用的函数,会重新渲染页面

二、computed和watch区别

  • watch 擅长处理的场景:一个数据影响多个数据
  • computed 擅长处理的场景:一个数据受多个数据影响

问题 :vue data中的对象的属性如何使用watch监听

data() {
  return {
    parent:{
      child:1
    }
  };
},
// --------使用deep 属性实现
watch:{
  'parent.child':{
    deep:true,
    handler: function(newV, oldV) {
      console.log(newV);
    }
  }
}
// ---------通过computed做中介
computed:{
  newChild(){
    return this.parent.child;
  }
},
watch:{
  newChild(newV,oldV){
    alert(newV)
  }
}

详细区分,请查看CSDN原文

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页