Vue全域性配置

2021-09-26 10:52:32 字數 2226 閱讀 4225

vue.config.silent =

true

取消 vue 所有的日誌與警告。

vue.config.optionmergestrategies.

_my_option

=function

(parent, child, vm)

const profile = vue.

extend()

// profile.options._my_option = 2

自定義合併策略的選項。

合併策略選項分別接收在父例項和子例項上定義的該選項的值作為第乙個和第二個引數,vue 例項上下文被作為第三個引數傳入。

用法:

// 務必在載入 vue 之後,立即同步設定以下內容

vue.config.devtools =

true

配置是否允許vue-devtools檢查**。開發版本預設為true,生產版本預設為false。生產版本設為true可以啟用檢查。

用法:

vue.config.

errorhandler

=function

(err, vm, info)

指定元件的渲染和觀察期間未捕獲錯誤的處理函式。這個處理函式被呼叫時,可獲取錯誤資訊和 vue 例項。

從 2.2.0 起,這個鉤子也會捕獲元件生命週期鉤子裡的錯誤。同樣的,當這個鉤子是undefined時,**獲的錯誤會通過console.error輸出而避免應用崩潰。

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

從 2.6.0 起,這個鉤子也會捕獲v-ondom ***內部丟擲的錯誤。另外,如果任何被覆蓋的鉤子或處理函式返回乙個promise鏈 (例如async函式),則來自其 promise 鏈的錯誤也會被處理。

錯誤追蹤服務 sentry 和 bugsnag 都通過此選項提供了官方支援。

vue.config.

warnhandler

=function

(msg, vm, trace)

為 vue 的執行時警告賦予乙個自定義處理函式。注意這只會在開發者環境下生效,在生產環境下它會被忽略。

vue.config.ignoredelements =

['my-custom-web-component'

,'another-web-component'

,// 用乙個 `regexp` 忽略所有「ion-」開頭的元素

// 僅在 2.5+ 支援

/^ion-

/]

須使 vue 忽略在 vue 之外的自定義元素 (e.g. 使用了 web components apis)。否則,它會假設你忘記註冊全域性元件或者拼錯了元件名稱,從而丟擲乙個關於unknown custom element的警告。

vue.config.keycodes =

type

="text"

@keyup.media-play-pause

="method"

>

v-on自定義鍵位別名。

設定為true以在瀏覽器開發工具的效能/時間線面板中啟用對元件初始化、編譯、渲染和打補丁的效能追蹤。只適用於開發模式和支援performance.markapi 的瀏覽器上。

設定為false以阻止 vue 在啟動時生成生產提示。

Vue的全域性配置

vue.config.silent true 靜默 取消 日誌與警告提醒 vue.config.optionmergestrategies.my option function parent,child,vm const profile vue.extend profile.options.my o...

vue配置全域性變數

在main.js檔案中新增如下語句 vue.prototype.tenantid 1 在需要使用該變數的檔案中使用下述語法對變數進行操作 this.tenantid 2 修改變數的值 console.log this.tenantid 在main.js檔案的vue例項的data屬性中新增變數 dat...

vue全域性過濾器配置

有時乙個過濾器需要在專案中多次使用,此時可以將該過濾器定義為全域性過濾器,全域性過濾器在main.js下配置。以時間過濾器為例,當為區域性過濾器寫為 filters if isnan m m 0 else if isnan d d 0 else return y m d date.totimestr...