vue中computed和watch理解

computed 计算属性 

data(){
return {
   aa:1
}
},

computed:{
newData:function(){

         return this.aa

       },
},
watch:{
      aa:function (newV,oldV) {
           console.log(333)
      }
  },

computed用于处理复杂的逻辑运算(不支持异步,有缓存),主要和methods存储方法来进行区分, watch监听数据变化,其中可以监听的数据来源1.props,2.data 3.computed的数据 watch(支持异步)提供两个参数(newV,oldV)

get,set监听机制 如果数据发生变化 set重新设置值。computed性能更好是因为,只有数据发生变化才会执行

其中computed可以用来处理多对一的数据,是因为newData这个值会随着他的依赖值的变化而变化

watch可以处理一对多,因为aa是已经定义了的值,aa变化会触发里面的函数

watch深度监听 

$route:{

handler:function(newV,oldV){

},

deep:true,

immediate:true

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值