7x0 精读Vue官方文档 - 全局配置

549 阅读1分钟

精读 Vue 官方文档系列 🎉


以下都是 Vue.config 的配置项。

config.silent

取消 Vue 的日志与警告输出。

Vue.config.silent = false;

config.optionMergeStrategies

自定义组件选项的合并策略。 主要作用与:

  • Vue.extend({...})
  • Vue 的 mixin
Vue.config.optionMergeStrategies.custom_option = function (parent, value, vm) {
   /*
    * parent 父级实例
    * value 当前选项的值
    * vm 实例上下文
    */
    return value + 1;
}

config.devtools

配置是否允许 vue-devtools 工具检查代码。开发版本默认为 true,生产版本默认为 false

config.errorHandler

Vue 运行时的错误信息捕获处理函数,可以用于结合错误追踪服务 Sentry 一起使用。

config.warnHandler

Vue 运行时的警告信息捕获处理函数。

只用于开发版本。

config.ignoredElements

用来忽略未知元素产生的警告提示 —— Unknown custom element。 可能会产生的原因有:

  1. 使用了基于 Web Components APIs 的自定义标签元素。
  2. 忘记了组件的注册。
  3. 组件的元素名称拼写错误。

config.keyCodes

为按键码自定义别名。

Vue.config.keyCodes = {
    'media-play-pause': 179
};

注意:key 名只支持 kebab-case 并不支持 camelCasePascalCase

config.performance

适用于开发模式和支持 performance.mark API 的浏览器上。 通过 vue-devtoolsperformance 工具可以启用对组件初始化、编译、渲染和打补丁的性能追踪。

config.productTip

用于控制开发环境的提示信息。

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html