全局配置


Vue.config是一个对象,包含Vue的全局配置。可以在启动应用之前修改下列property:

全局配置-1 slient

  • 类型:boolean
  • 默认值:false
  • 用法:
    1. Vue.config.slient = true
    取消Vue所有的日志与警告

全局配置-2 optionMergeStrategies

  • 类型:{ [key: string] : Function }
  • 默认值:{}
  • 用法:
    1. Vue.config.optionMergeStrategies._my_option = function(parent,child,vm){
    2. return child + 1
    3. }
    4. const Profile = Vue.extend({
    5. _my_option: 1
    6. })
    7. //Profile.options._my_option = 2

自定义合并策略的选项。
合并策略选项分别接受在父实例和子实例上定义的该选项的值作为第一个和第二个参数,
Vue实例上下文被作为第三个参数传入

全局配置-3 devtools

  • 类型:boolean
  • 默认值:true
  • 用法:
    1. Vue.config.devtools = true
    2. //务必在加载Vue之后,立即同步设置以下内容
    <br />

配置是否允许vue-devtools检查代码,开发版本默认为true生产版本则为false。
生产版本设为true可以启用检查

全局配置-4 errorHandler

  • 类型:Function
  • 默认值:undefined
  • 用法:
    1. Vue.config.errorHandler = function(err,vm,info){
    2. //handle error
    3. // info 是Vue特定的错误信息,比如错误所在的生命周期钩子
    4. //只在2.2.0+可用
    5. }

指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可以获取错误的信息
和Vue实例

从 2.2.0 起,这个钩子也会捕获组件生命周期钩子里的错误。同样的,当这个钩子是 undefined 时,被捕获的错 误会通过 console.error 输出而避免应用崩溃。 从 2.4.0 起,这个钩子也会捕获 Vue 自定义事件处理函数内部的错误了。 从 2.6.0 起,这个钩子也会捕获 v-on DOM 监听器内部抛出的错误。另外,如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数),则来自其 Promise 链的错误也会被处理。 错误追踪服务 SentryBugsnag 都通过此选项提供了官方支持。

全局配置-5 warnHandler

2.4.0新增

  • 类型:function
  • 默认值:undefined
  • 用法:

Vue.config.warnHandler = function(msg,vm,trace){
//trace是组件继承关系追踪
}

为Vue的运行时警告赋予一个自定义处理函数,注意这只会在开发者环境下生效。在
生产环境下会被会忽略。

全局配置-6 ignoredElements

  • 类型:Array<string | RegExp>
  • 默认值:[]
  • 用法:
    1. Vue.config.ignoredElements = [
    2. 'my-custom-web-compoent',
    3. 'another-web-component',
    4. //用一个`RegExp`忽略所有"ion-"开头的元素
    5. //仅在2.5+支持
    6. /^ion-/
    7. ]

须使Vue忽略在Vue之外的自定义元素(e.g.使用了Web Components APIs)。否则,它会假设年忘记注册
全局组件或者拼错了组件名称,从而抛出一个关于Unknown custom element 的警告

全局配置-7 keyCodes

  • 类型:{[key:string]:number | Array<number>}
  • 默认值:{}
  • 用法:
    1. Vue.config.keyCodes = {
    2. v:86,
    3. f1:112,
    4. // cameCase 不可用
    5. mediaPlayPause:179
    6. // 取而代之的是kebab-case且用双括号括起来
    7. "media-play-pause":179,
    8. up:[38,87]
    9. }
    1. <input type="text @keyup.media-play-pause="method">
    给v-on自定义键位别名

全局配置-8 performance

2.2.0新增

  • 类型:boolean
  • 默认值:false
  • 用法:

设置为 true 以在浏览器开发工具的性能/时间线面板中启用对组件初始化、编译、渲染和打补丁的性能追踪。只适用于开发模式和支持 performance.mark API 的浏览器上。

全局配置-9 productionTip

  • 类型:boolean
  • 默认值:true
  • 用法:
    设置为 false 以阻止 vue 在启动时生成生产提示。