我们聊聊computed和watch区别在哪

我们聊聊computed和watch区别在哪

什么是watch?
(1) Watch: 监听某一个值,当被监听的值发生变化时,执行对应的操作
(2)举个例子,苹果,吃一口苹果,我怎么知道已经吃了一口呢,用watch去监听吃了一口

//2个apple 1个banana

watch{
//苹果
apple(){},
banana(){}

}

如果多一个值,我那我没每个值都需要写watch?

什么是计算属性?computed

computed:计算结果并返回,只有当被计算的值发生改变时才会触发

data(){
	return{
	apple:2,
	banana:1
	}
},


export default {
    // props
    data() {
        return {
            sss: 0,
            a: 2,
            b: 1,
            sum:0
        }
    },
    watch:{
        a(val){
            console.log(val);
            this.sum=this.b+ val
        }
    },
    computed: {
        //用个count变量去接收他
        count() {
            return this.a + this.b
        }
    },
    
    methods: {
        t(){
            this.sss
            this.count
        }
    },
    //钩子
    created() {
        this.sss
        this.count
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好人蔡蔡

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值