vue.js - VueJS 中更新的钩子(Hook)和观察者有什么区别？

Question

我正在探索 VueJS，但我并不完全理解 updated 和 watchers 之间的区别。

更新的钩子(Hook)

这是一个生命周期钩子(Hook)。根据the official documentation ，它会在数据更改时触发。因此，每当 prop 或 data 更新时(值，不仅仅是指针)，都会调用 updated。

观察者

在文档中，观察者与计算属性进行了比较。但在哪些情况下最好使用更新而不是观察者？

似乎在这两种情况下，调用回调时 DOM 都不会更新(如果我们想操作 DOM 中的更改，则需要 nextTick())。我看到的唯一区别是 watchers 仅在更新一个精确的属性(或数据)时触发，而 updated 总是被调用。

如果我们可以更准确(watchers)，我无法弄清楚每当数据发生变化时更新(updating)有什么好处。

这是我的想法。

谢谢:)

Answer 1

围绕更新的生命周期 Hook 响应DOM 中的变化。观察者响应数据的变化。 DOM 更改通常是对数据更改的响应，但它们可能不是相关组件拥有的数据。可以使用 updated 的一个示例是 noticing that slot content has updated .