Vue.js诞生已经五年了，犹大在今年2月发布了一个重大更新，即Vue 2.6。更新包括添加作用域槽语法、提高性能、动态命令参数等。其中，我们最关心的是错误处理。

异步错误处理

Vue的内置错误处理机制(组件内错误捕获钩子和全局错误处理钩子)现在也将捕获v-on处理程序内部的错误。此外，如果任何生命周期挂钩或事件处理程序执行异步操作，现在可以从函数返回一个Promise，Promise链中任何未捕获的错误都将被发送到错误处理程序。如果使用异步/等待，这将变得更容易，因为异步函数隐式返回Promise:

导出默认值{ async mounted() { //如果在此处引发异步错误，它现在将被errorCaptured和vue . config . error handler this . post=wait API . getpost()/捕获。}};据官方介绍，错误处理的改进包括两个方面：

捕获v-on处理程序中的错误异步承诺错误

FundeBUG作为最专业的BUG监控服务平台，已经服务了数千家企业和数万名开发者。据统计，所有前端项目中有22.5%是由Vue.js开发的此前，使用Vue.js框架开发的客户反馈存在无法监控的bug。在Vue.js的这次更新中，我们更新了JavaScript的监控插件，以更好地支持对使用Vue.js框架开发的应用程序错误的监控。

错误监控测试(TodoMVC)

1.通过v-on定义事件

我们使用经典的todoMVC项目进行测试。

首先访问Fundebug监控插件，在Fundebug官网创建一个Vue.js监控项目。

然后，根据访问代码，安装Fundebug JavaScript和Vue插件：

通过npm安装fundebug-javascript和fundebug-vue

Npm安装乐趣调试-JavaScript乐趣调试-vue-保存配置apikey

从“fundebug-javascript”导入*作为funde bug；从“fundebug-vue”导入fundebugVuefunde bug . API KEY=' API-KEY '；fundebugVue(fundebug，Vue)；其中，获取apikey需要免费注册账号和创建项目。

然后，我们更改右下角Clear Completed按钮对应的代码，通过v-on定义click事件，然后对应的deleteCompleted函数故意将todo写成todo。

button class=' Clear-Completed ' v-show=' Completed ' v-: click=' delete Completed ' Clear Completed/button delete Completed(){ this . todos=this . todo . filter(todo=！todo.completed)；}单击“清除已完成”以触发错误：

Fundebug成功捕获到错误：

2.异步承诺错误

发送GET请求通过axios获取数据，然后返回数据进行处理。假设数据被意外地写成日期，data.length将触发一个错误。

deleteCompleted() {返回axios。get('https://jsonplaceholder .打字码.com/todos/')。然后(response={ let data=response . date；让len=data.length});}程序运行后，Fundebug成功捕获此错误：

摘要

Vue.js更新到2.6.10，为错误处理提供了更强大的支持。Fundebug的JavaScript监控插件支持Vue.js项目中v-on和异步错误的监控。

以上是边肖推出的【email protected】update内置错误处理机制，同步支持相应的错误监控。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！