vue-學習筆記-API-全局配置


Vue.config 是一個對象,包含 Vue 的全局配置。可以在啟動應用之前(new Vue之前)修改下列屬性:


 

silent:默認值false  / Vue.config.silent = true   true意味着取消 Vue 所有的日志與警告

 

devtools:配置是否允許 vue-devtools 檢查代碼;

務必在加載 Vue 之后立即同步設置以下內容 Vue.config.devtools = true

開發版本默認為 true,生產版本默認為 false。生產版本設為 true 可以啟用檢查。

 

performance:默認false,設置為 true 以在瀏覽器開發工具的性能/時間線面板中啟用對組件初始化、編譯、渲染和打補丁的性能追蹤。只適用於開發模式和支持 performance.mark API 的瀏覽器上。

 

productionTip:生產環境提示,默認為true,生產環境提示,設置為 false 阻止 vue 在啟動時生成生產提示。

 

ignoredElements:不是vue默認的,不是注冊過的組件之外的自定義元素,會報錯的,用這個配置忽略告警

須使 Vue 忽略在 Vue 之外的自定義元素 (e.g. 使用了 Web Components APIs)。否則,它會假設你忘記注冊全局組件或者拼錯了組件名稱,從而拋出一個關於 Unknown custom element 的警告。

Vue.config.ignoredElements = [
  'my-custom-web-component',
  'another-web-component',
  // 用一個 `RegExp` 忽略所有“ion-”開頭的元素
  // 僅在 2.5+ 支持
  /^ion-/
]

keyCodes:{ [key: string]: number | Array<number> }

Vue.config.keyCodes = {
v: 86,
f1: 112,
// camelCase 不可用
mediaPlayPause: 179,
// 取而代之的是 kebab-case 且用雙引號括起來
"media-play-pause": 13,
up: [38, 87]
};

 

warnHandler:開發環境下,警告攔截器,生產環境忽略

Vue.config.warnHandler = function (msg, vm, trace) {
  // `trace` 是組件的繼承關系追蹤
}

errorHandler:錯誤攔截器

Vue.config.errorHandler = function (err, vm, info) {
  // handle error
  // `info` 是 Vue 特定的錯誤信息,比如錯誤所在的生命周期鈎子
  // 只在 2.2.0+ 可用
}

指定組件的渲染和觀察期間未捕獲錯誤的處理函數。這個處理函數被調用時,可獲取錯誤信息和 Vue 實例。

從 2.2.0 起,這個鈎子也會捕獲組件生命周期鈎子里的錯誤。同樣的,當這個鈎子是 undefined 時,被捕獲的錯誤會通過 console.error 輸出而避免應用崩潰。

從 2.4.0 起,這個鈎子也會捕獲 Vue 自定義事件處理函數內部的錯誤了。

從 2.6.0 起,這個鈎子也會捕獲 v-on DOM 監聽器內部拋出的錯誤。另外,如果任何被覆蓋的鈎子或處理函數返回一個 Promise 鏈 (例如 async 函數),則來自其 Promise 鏈的錯誤也會被處理。

錯誤追蹤服務 Sentry 和 Bugsnag 都通過此選項提供了官方支持。

 

optionMergeStrategies:自定義合並策略,和混入相關

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM