Vue如何通过响应式系统追踪并响应数据变化？

本文共计752个文字，预计阅读时间需要4分钟。

背景+工作中不时会遇到这种情况：页面上的数据显示不对，需要前端同事进行定位。在Vue搭建的SPA应用上，页面最终展示的数据，从初始化到最终展示，整个过程可能涉及...

背景

工作中时不时就会遇到这种情况：页面上显示的数据不对，需要前端同事进行定位。

在一个使用 Vue 搭建的 SPA 应用上，页面最终展示的数据，从初始化，到最后的展示，过程可能很简单，也可能很复杂。遇到复杂的数据流，没有合适的方法，排查起来会很头疼。

如果能够看到数据发生变化时的调用栈，就可以知道在错误的数据生成前，发生了什么，是哪一步的错误，导致了最终的错误。顺着调用栈给出的线索找下去，就能够快速定位到问题。