精读 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。
可能会产生的原因有:
- 使用了基于 Web Components APIs 的自定义标签元素。
- 忘记了组件的注册。
- 组件的元素名称拼写错误。
config.keyCodes
为按键码自定义别名。
Vue.config.keyCodes = {
'media-play-pause': 179
};
注意:
key名只支持kebab-case并不支持camelCase或PascalCase
config.performance
适用于开发模式和支持 performance.mark API 的浏览器上。
通过 vue-devtools 的 performance 工具可以启用对组件初始化、编译、渲染和打补丁的性能追踪。
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