vue 项目中使用粘性布局不起作用_五种处理Vue异常的方式

废话不多说了，直接上代码。

方法一：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