gpt4 book ai didi

vue.js - Vue的Watcher参数都是什么意思?

转载 作者:搜寻专家 更新时间:2023-10-30 22:54:26 25 4
gpt4 key购买 nike

我正在尝试调试一些 Vue 代码。我发现某些 DOM 元素在我不希望它们使用react时会使用react,反之亦然。我看过 Vue Mastery Course on Advanced Components但除了为 Vue 的 react 性提供基本原理外,它并没有让我越界。

这是我在控制台中看到的示例:

enter image description here

当我检查 Vue 数据项(在本例中为四个对象的数组)时,您能否解释一下 Chrome DevTools 中显示的以下参数:

  1. 用户
  2. 懒惰
  3. 同步

(a) 链接到相关文档和 (b) 关于调试 Vue 这方面的建议的额外要点。

最佳答案

我从源码中了解到的是这样的:

deep 很简单 - 它检查是否需要观察嵌套值的变化(root.of.my.element.changed)

user 是一个内部变量,描述观察者是由用户创建的(在组件的 watch 部分)还是由系统内部创建的

lazy 与其他惰性修饰符一样 - 它会使用内部缓存和组更新事件(观察者处理程序);如果您一次更新多个对象属性,这很有用

sync - 这是最棘手的,我所知道的是基于浏览代码 - 它将观察者标记为同步。如果设置为 true,每个更新都会立即触发,并且基本上会阻止任何其他代码的执行。即使您没有将 lazy 设置为 true,watcher 仍会对其回调进行排队,异步工作以避免任何代码执行被阻塞。 sync 否则会强制

附加(感谢@Ohgodwhy):

immediate - 将在使用变量的当前值创建组件后立即触发观察者的回调

关于vue.js - Vue的Watcher参数都是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56730312/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com