Vue.config.errorHandler = function (err, vm, info) {
 // 指定組件的渲染和觀察期間未捕獲錯(cuò)誤的處理函數(shù)。這個(gè)處理函數(shù)被調(diào)用時(shí)，可獲取錯(cuò)誤信息和 Vue 實(shí)例。
 
 // handle error
 // `info` 是 Vue 特定的錯(cuò)誤信息，比如錯(cuò)誤所在的生命周期鉤子
 // 只在 2.2.0+ 可用 
}

// 定義異常處理函數(shù)，判斷用戶(hù)是否自定義Vue.config.errorHandler，定義則直接調(diào)用，未定義執(zhí)行vue本身異常處理。
function globalHandleError(err, vm, info) {
 if (Vue.config.errorHandler) {
  try {
   return config.errorHandler.call(null, err, vm, info)
  } catch (e) {
   logError(e, null, 'config.errorHandler');
  }
 }
 logError(err, vm, info);
}
try {
 // vue正常執(zhí)行代碼被包裹在try內(nèi)，有異常會(huì)調(diào)用globalHandleError
} catch (e) {
 globalHandleError(e, vm, '對(duì)應(yīng)信息');
}

// 定義異步異常處理函數(shù)，對(duì)于自身沒(méi)有捕獲異常的promise統(tǒng)一執(zhí)行catch
function invokeWithErrorHandling(
 handler,
 context,
 args,
 vm,
 info
) {
 var res;
 try {
  res = args ? handler.apply(context, args) : handler.call(context);
  if (res && !res._isVue && isPromise(res) && !res._handled) {
   res.catch(function (e) { return handleError(e, vm, info + " (Promise/async)"); });
   // 異步代碼例如promise可以統(tǒng)一為其定義Promise.prototype.catch()方法。
   res._handled = true;
  }
 } catch (e) {
  handleError(e, vm, info);
 }
 return res
}

// 所有的鉤子函數(shù)調(diào)用異常處理函數(shù)
function callHook(vm, hook) {
 var handlers = vm.$options[hook];
 // 為所有鉤子增加異常處理
 var info = hook + " hook";
 if (handlers) {
  for (var i = 0, j = handlers.length; i < j; i++) {
   invokeWithErrorHandling(handlers[i], vm, null, vm, info);
  }
 }
}

// vue接口是能處理同步異常以及部分鉤子中的異步異常，對(duì)于方法中的異常無(wú)法有效處理，我們可以仿照源碼增加方式中的異步異常處理，避免為每一個(gè)promise寫(xiě)catch
Vue.mixin({
 beforeCreate() {
  const methods = this.$options.methods || {}
  Object.keys(methods).forEach(key => {
   let fn = methods[key]
   this.$options.methods[key] = function (...args) {
    let ret = fn.apply(this, args)
    if (ret && typeof ret.then === 'function' && typeof ret.catch === "function") {
     return ret.catch(Vue.config.errorHandler)
    } else { // 默認(rèn)錯(cuò)誤處理
     return ret
    }
   }
  })
 }
})

errorPlugin.js

/**
 * 全局異常處理
 * @param {
 * } error 
 * @param {*} vm 
 */
const errorHandler = (error, vm, info) => {
 console.error('拋出全局異常')
 console.error(vm)
 console.error(error)
 console.error(info)
}
let GlobalError = {
 install: (Vue, options) => {
 /**
  * 全局異常處理
  * @param {
  * } error 
  * @param {*} vm 
  */
  Vue.config.errorHandler = errorHandler
  Vue.mixin({
   beforeCreate() {
    const methods = this.$options.methods || {}
    Object.keys(methods).forEach(key => {
     let fn = methods[key]
     this.$options.methods[key] = function (...args) {
      let ret = fn.apply(this, args)
      if (ret && typeof ret.then === 'function' && typeof ret.catch === "function") {
       return ret.catch(errorHandler)
      } else { // 默認(rèn)錯(cuò)誤處理
       return ret
      }
     }
    })
   }
  })
  Vue.prototype.$throw = errorHandler
 }
}
export default GlobalError

// 在入口文件中引入
import ErrorPlugin from './errorPlugin'
import Vue from 'vue'
Vue.use(ErrorPlugin)