如何掌握5个高效处理Vue.js异常的简单技巧？

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

错误大全+为了测试各种异常处理技巧，我特意触发了三种类型的错误。第一种：引用了一个不存在的变量：div id=app v-cloakHello, {{name}} /div 上述代码运行后不会抛出错误，但在控制台会提示undefined。

错误大全

为了测试各种异常处理技巧，我故意触发三种类型的错误。

第一种：引用一个不能存在的变量：

<div id="app" v-cloak> Hello, {{name}} </div>

上述代码运行后不会抛出错误，但是在控制台会有[Vue warn]消息。

你可以在Codepen查看例子完整代码。

第二种：将变量绑定到一个被计算出来的属性，计算的时候会抛出异常。

<div id="app" v-cloak> Hello, {{name2}} </div> <script> const app = new Vue({ el:'#app', computed:{ name2() { return x; } } }) </script>

运行上述代码会在控制台抛出一个[Vue warn]和一个常规的错误，网页白屏。

你可以在Codepen查看例子完整代码。