effect方法

8 篇文章 0 订阅

        最近我们在学习vue3源码,里面涉及到了没有见过的方法,这篇博客就先简单介绍一下什么是effect方法吧。

        effect是响应式核心,它的作用和Watcher一样,是用来注册副作用函数的一个方法,那么什么是副作用函数呢?可以理解为一个函数的执行,会影响到另一个函数的执行,比如:

var num=0;
function func1(){
    num=5
}
function func2(){
    num=10
}

        可以看到func1函数将num的值修改为5,但当func2函数执行时将num的值修改为10,也就是产生了副作用。

        effect方法接收的函数便叫做副作用函数。

effect(()=>{
	allName=firstName+lastName
})
//那么()=>{
//  	allName=firstName+lastName
//}便是副作用函数

        effect所做的事情就是讲这个原本属于用户的逻辑封装起来,交给框架来管理,在适当的时候去调用执行,而在vue中的适当时机便是首次渲染和它所依赖的数据更新时。

        页面首次渲染时,执行effect方法,将副作用函数收集起来执行,此时需要用到响应式数据,记住副作用函数所依赖的数据,当依赖数据发生更新时,再通知副作用函数再次执行

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值