建站
咨詢
售后
建站咨詢
新聞中心
config 是一個(gè)包含了 Vue 應(yīng)用全局配置的對(duì)象。你可以在應(yīng)用掛載前修改其以下 property：
創(chuàng)新互聯(lián)公司基于成都重慶香港及美國等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)服務(wù)器托管德陽，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。
const app = Vue.createApp({})
app.config = {...}#errorHandler
- 類型：
Function - 默認(rèn)：
undefined - 用法：
app.config.errorHandler = (err, vm, info) => {
// 處理錯(cuò)誤
// `info` 是 Vue 特定的錯(cuò)誤信息，比如錯(cuò)誤所在的生命周期鉤子
}指定一個(gè)處理函數(shù)，來處理組件渲染方法執(zhí)行期間以及偵聽器拋出的未捕獲錯(cuò)誤。這個(gè)處理函數(shù)被調(diào)用時(shí)，可獲取錯(cuò)誤信息和應(yīng)用實(shí)例。
錯(cuò)誤追蹤服務(wù) Sentry 和 Bugsnag 使用此選項(xiàng)提供官方集成。
#warnHandler
- 類型：
Function - 默認(rèn)：
undefined - 用法：
app.config.warnHandler = function(msg, vm, trace) {
// `trace` 是組件的繼承關(guān)系追蹤
}為 Vue 的運(yùn)行時(shí)警告指定一個(gè)自定義處理函數(shù)。注意這只會(huì)在開發(fā)環(huán)境下生效，在生產(chǎn)環(huán)境下它會(huì)被忽略。
#globalProperties
- 類型：
[key: string]: any - 默認(rèn)：
undefined - 用法：
app.config.globalProperties.foo = 'bar'
app.component('child-component', {
mounted() {
console.log(this.foo) // 'bar'
}
})添加可以在應(yīng)用程序內(nèi)的任何組件實(shí)例中訪問的全局 property。屬性名沖突時(shí)，組件的 property 將具有優(yōu)先權(quán)。
這可以代替 Vue 2.x Vue.prototype 擴(kuò)展：
// 之前(Vue 2.x)
Vue.prototype.$http = () => {}
// 之后(Vue 3.x)
const app = Vue.createApp({})
app.config.globalProperties.$http = () => {}#isCustomElement
- 類型：
(tag: string) => boolean - 默認(rèn)：
undefined - 用法：
// 任何以“ion-”開頭的元素都將被識(shí)別為自定義元素
app.config.isCustomElement = tag => tag.startsWith('ion-') 指定一個(gè)方法，用來識(shí)別在 Vue 之外定義的自定義元素（例如，使用 Web Components API）。如果組件符合此條件，則不需要本地或全局注冊(cè)，并且 Vue 不會(huì)拋出關(guān)于 Unknown custom element 的警告。
注意，所有原生 HTML 和 SVG 標(biāo)記不需要在此函數(shù)中匹配——Vue 解析器自動(dòng)執(zhí)行此檢查。
#optionMergeStrategies
- 類型：
{ [key: string]: Function } - 默認(rèn)：
{} - 用法：
const app = Vue.createApp({
mounted() {
console.log(this.$options.hello)
}
})
app.config.optionMergeStrategies.hello = (parent, child, vm) => {
return `Hello, ${child}`
}
app.mixin({
hello: 'Vue'
})
// 'Hello, Vue為自定義選項(xiàng)定義合并策略。
合并策略選項(xiàng)分別接收在父實(shí)例和子實(shí)例上定義的該選項(xiàng)的值作為第一個(gè)和第二個(gè)參數(shù)，引用上下文實(shí)例被作為第三個(gè)參數(shù)傳入。
- 參考：自定義選項(xiàng)合并策略
#performance
- 類型：
boolean - 默認(rèn)：
false - 用法：
設(shè)置為 true 以在瀏覽器開發(fā)工具的 performance/timeline 面板中啟用對(duì)組件初始化、編譯、渲染和更新的性能追蹤。只適用于開發(fā)模式和支持 performance.mark API 的瀏覽器。
文章標(biāo)題：創(chuàng)新互聯(lián)VUE3教程：Vue3.0應(yīng)用配置
轉(zhuǎn)載來源：http://www.dlmjj.cn/article/djsdeoe.html
