vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)

这个太长了,木有翻译完,在这里

https://vue-composition-api-rfc.netlify.com/api.html#watch

vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)(1)

watch

基本用法

函数将在下一个tick 时执行,能够响应式跟踪它的依赖关系,并且只要依赖关系发生变化,马上再重新执行函数。

vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)(2)

侦听资源

在某些情况下,我们可能希望:

①更明确地知道哪个状态应当触发 watcher重新执行;

②保留旧状态值的副本。也就是更新的值。

在这些情况下,我们可以使用以下两者方式的 watch:

vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)(3)

可以理解把①当做事件,②当做回调函数。

侦听多个资源

getter函数和refs对象都被认为是可以观看的“资源”。watch可以使用数组方式同时侦听多个资源:

vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)(4)

清除侦听

组件运行setup()函数期间,watch被调用,观察者watcher 一直关联于整个组件的生命周期当中,直至组件销毁才停止侦听。

某些情况下,watch返回一个禁止侦听处理函数,可以调用它来明确指定禁用观察者:

vue中watch的使用关闭和开启(Vue3.0侦听函数watch的使用方法)(5)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页