0
点赞
收藏
分享

微信扫一扫

Vue的watch

彩虹_bd07 2022-03-18 阅读 66

immediate;确认是否以当前的初始值执行handler的函数。

【初始化立即执行,如果是监听data里的searchValue值,在这里我们可以理解:data里面定义了searchValue后就立即执行handle】

了解了watch,接下来说说immediate
immediate默认是false,我们就不管它了
我看看定义

immediate如果为true 代表如果在 wacth 里声明了之后,就会立即先去执行里面的handler方法

一句话很好理解,申明了后立即执行handle方法,但是如果想着要在什么情境下使用,什么样的需求需要使用,就有点懵了
现在有个需求:搜索框搜索
现在的思路是定义一个searchValue,searchValue绑定输入框,然后watch searchValue,调用getList()方法(当然也有其他好的想法)

//这个方法按上面的思路是肯定有这个的

而在页面生成完成后需要调用getList()获取全部数据

整个页面的搜索部分代码

而现在我们如果使用了immediate后应该是这样写的呢,现在我们搬出immediate:true的定义初始化立即执行,现在这里我们可以理解:data里面定义了searchValue后就立即执行handle
我们可以把watch改改


初始化立即执行,这样我们就可以在created中去掉this.getList()了

这样在data中定了searchValue="";就直接调用getList(),而且sarchValue=""查找所有

这个例子只是为空说明immediate的使用场景

举报

相关推荐

0 条评论