vue计算属性 和监听 区别

计算属性(compued):
1.一次只能计算一个 变量 如果data有多个变量 则需要重新写一变
2.只是监听数据源data里面的属性,不产生新的属性 所以不用写return
监听属性($Watch):
1.只需要一个就行 因为 计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个
2. 因为新增属性 所以要写 return

监听:

 //监听的一种方式 vue 对象创建完成后直接写到实例属性上
    //参数1:监听的对象 数据源 data里面的变量 
    // 参数2:回调函数 
    //   回调函数参数1: 新值 参数2:旧值
    ve.$watch("count", function (newValue, oldValue) {
        console.log(newValue);
        console.log("o--", oldValue);
        //计算总价
        this.all = newValue * this.price
    })
    ve.$watch("prcie", function (newValue, oldValue) {
        console.log(newValue);
        console.log("o--", oldValue);
        //计算总价
        this.all = newValue * this.count
    })
  • 0
    点赞
  • 1
    收藏
  • 打赏
    打赏
  • 2
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页
评论 2

打赏作者

不会代码的鬼鬼

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值