看Vue文档总结之路

（看文档自己整理）Vue的全局配置

全局配置：

Vue.config 是一个对象，里面包含了 Vue 的全局配置。可以在启动应用之前修改下列 property（属性）：

1、silent：（取消 Vue 所有的日志与警告。）

取消 Vue 的所有日志和警告
属性值为：Boolean，默认值为：false

Vue.config.silent = true;

---

2、optionMergeStrategies：（自定义合并对象）【不熟悉】

自定义合并对象，组件的属性值，和 Object.assign() 方法有点类似，不过这个属性可以自定义
属性值为：对象，默认值为 { } ;

Vue.config.optionMergeStrategies.name = function (from, self) {
    return self.name ? self.name : from.name
}
//判断self.name有没有，没有的话就返回from.name

---

3、devtools：（是否允许Vue-devtools插件检查代码）

项目是否被 Vue-devtools 插件插件
属性值：Boolean，默认值：true（生产版为false）

Vue.config.devtools = true

---

4、errorHandler：（配置报错的格式）

自定义配置 Vue项目中 报错的格式
类型：函数，默认值：undefined

Vue.config.errorHandler = function (err, vm, info) {
  //err 是error对象
  //info 是信息提示
  //vm 是Vue应用本身
  console.log(`报错原因: ${err.toString()}\n信息提示: ${info}`);
}
//配置报错的话这样写对于开发更友好一点

---

5、warnHandler：（配置警告的格式）

自定义配置警告样式 warnHandler 用来捕获 Vue warning。记住在生产环境是不起作用的。
类型：函数，默认值：undefined

Vue.config.warnHandler = function(msg, vm, trace) {
    //msg 是警告原因
    //vm 是Vue应用本身
    //trace 是组件树（在哪个组件弹出的警告）
    console.log(`警告警告！: ${msg}\n在哪个组件发出的警告？: ${trace}`);
};

---

6、ignoredElements：（忽略 Vue 之外的自定义元素）

当你引用外部的组件并且调用的时候，将组件添加到你的 Vue 应用后，你在开始在浏览器控制台中收到类似以下内容的警告：

[Vue warn]: Unknown custom element: <组件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

这是因为你引入的组件不是属于Vue内部定义的，所以才会报错 Unknown custom element 说你这个组件没有被定义，这个时候你需要配置忽略配置
类型：数组，默认值：[ ]（里面可以填正则来匹配标签名）

Vue.config.ignoredElements = [
  'my-custom-web-component',//自己自定义的组件
  'another-web-component',//其他的web组件
  // 用一个 `RegExp` 忽略所有“ion-”开头的元素
  // 仅在 2.5+ 支持
  /^ion-/ //匹配以 ion 开头的组件，并且忽略
]

---

7、keyCodes：（给 v-on 自定义键位触发）

类型：对象，默认值：{ }，

Vue.config.keyCodes = {
  v: 86,
  f1: 112,
  // camelCase 不可用
  mediaPlayPause: 179,
  // 取而代之的是 kebab-case 且用双引号括起来
  "media-play-pause": 179,
  up: [38, 87]
}

<input type=“text” @keyup.media-play-pause=“method”>
//当按下自定义media-play-pause属性配置的keCodes触发键盘事件

---

8、performance：（Vue中的性能监控）【不会用】

类型：boolean，默认值：false (自 2.2.3 起)
用法：
设置为 true 以在浏览器开发工具的性能/时间线面板中启用对组件初始化、编译、渲染和打补丁的性能追踪。只适用于开发模式和支持 performance.mark API 的浏览器上。
现在初步怀疑：

Vue.config.performance = true

---

9、productionTip：（阻止 vue 在启动时生成生产提示）

阻止 vue 在启动时生成生产提示，也就是你每次 npm run serve 或者 npm run dev打开项目的时候控制台会出现一个提示，就是把这个去除掉~

类型：boolean，默认值：true

Vue.config.performance = false

本文地址：https://blog.csdn.net/Mr_Kfz/article/details/109563898