Heim > Artikel > Web-Frontend > Teilen Sie einen Beispielcode für die globale Vue-Konfiguration
Heute lernen wir etwas über die globale Konfiguration von Vue. Ich hoffe, es wird uns helfen, die globale Konfiguration von Vue zu verstehen und uns schnell zu entwickeln.
Vue.config ist das globale Konfigurationsobjekt von Vue. Enthält alle globalen Eigenschaften von Vue:
Der Code lautet wie folgt:
silent:boolean(默认值:false)----取消Vue的所有的日志与警告 ;用法:Vue.config.silent = true optionMergeStrategies:{[key:string]:Function}(默认是空对象{}) vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 } 自定义合并策略的选项:接受第一个参数是父实例,第二个参数实例为子实例,第三个参数是Vue实例上下文 const Profile = Vue.extend({ _my_option: 1 }) devtools:boolean(默认是true,生成版为false) 用法:Vue.config.devtools = true 配置是否允许vue-devtools检查代码。开发版本默认为:true ,生产为false errorHandler:Funtion (默认值是默认抛出错误)用法: Vue.config.errorHandler = function (err, vm) { // handle error }在指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可以获取错误信息和vue实例 ignoredELements:array<string>(默认是【】)用法: Vue.config.ignoredElements = [ 'my-custom-web-component', 'another-web-component' ]拼错组件名称,从而抛出一个关于Unknown custom element keyCodes:{[ key:string]:number | Array <number>} (默认是{})用法:Vue.config.keyCodes = { v:86, F1:112,mediaPlayPause:179,up:[38,87]} 这个多半伴随v-on 自定义键位别名。
[Verwandte Empfehlungen]
1. Kostenloses h5-Online-Video-Tutorial
3. php.cn Original-HTML5-Video-Tutorial
Das obige ist der detaillierte Inhalt vonTeilen Sie einen Beispielcode für die globale Vue-Konfiguration. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!