![2df2f0a76011993467252ba7923d4655.png](https://i-blog.csdnimg.cn/blog_migrate/a8bc0f1fb838480801cc5ff937b475ae.jpeg)
废话不多说了,直接上代码。
方法一:errorHandler
这是 Vue 中最广泛使用的异常处理方式。
用法:
Vue.config.errorHandler = function(err, vm, info) { console.log(`Error: ${err.toString()}Info: ${info}`);};
err指代 error 对象,info是一个 Vue 特有的字符串,vm指代 Vue 应用本身。记住在一个页面你可以有多个 Vue 应用。这个 error handler 作用到所有的应用。
方法二:warnHandler
warnHandler用来捕获 Vue warning。记住在生产环境是不起作用的。也就是说需要把productionTip设置为false时候才能生效。
用法:
Vue.config.productionTip = false;Vue.config.warnHandler = function(msg, vm, trace) { console.log(`Warn: ${msg}Trace: ${trace}`);};
msg和vm都容易理解,trace代表了组件树。
方法三:renderError
和前面两个不同,这个技巧不适用于全局,和组件相关。并且只适用于非生产环境。也就是说需要把productionTip设置为false时候才能生效。
用法:
Vue.config.productionTip = false;const app = new Vue({ el: "#app