vue的计算属性 computed, computed和watch的区别

本文探讨了Vue.js中计算属性与watcher的区别。计算属性在依赖值改变时自动更新,常用于购物车逻辑。而watcher则是监听特定数据变化,根据新旧值执行不同操作,例如根据选择的选项执行不同的处理逻辑。对于深度监听,可以设置`deep: true`来监听对象的深层变化。
摘要由CSDN通过智能技术生成

计算属性
计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新。通常被用在购物车上面
computed和watch的区别
watch是监听属性,监听data或者watch里面的数据变化,根据当前不同值的情况,做出不同的处理。


<script>
    export default {
        name: "JobDataUpdate",
        data(){
            return {
                radio: '1',
            }
        },
        watch:{
            radio: function (curVal,oldVal) {
                if(curVal == 1){
                   console.log("查询数据需要处理的逻辑");
                }else if(curVal == 2){
                    console.log("录入数据需要处理的逻辑");
                }
            }
        }
</script>

深监听:
监听对象的时候通常需要深入监听
deep:true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值