Vue的异常处理机制是如何实现和优化，以应对复杂应用场景下的错误处理？

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

在业务中新增一个全局的 `filter`，用于输入验证，实现前端监控。其中一个需处理的难题是，验证失败后如何发送异常日志。这个过程中，可以方便地利用 Vue 的异常处理机制来发送异常日志。

最近需要在业务中加一个全局的 filter，filter 会对输入进行验证，用于进行前端监控。其中一个要处理的问题，就是验证失败后如何发送异常日志，这个过程中顺便了解了一下 vue 的异常处理机制。

errorCaptured、errorHandler

vue 提供了两个 API 用于异常的捕获，分别是 errorCaptured 和 errorHandler：

1. errorCaptured

errorCaptured 是组件的一个钩子函数，用于在组件级别捕获异常。当这个钩子函数返回 false 时，会阻止异常进一步向上冒泡，否则会不断向父组件传递，直到 root 组件。

1. errorHandler

errorHandler 是一个全局的配置项，用来在全局捕获异常。例如Vue.config.errorHandler = function (err, vm, info) {}。