Vue全局配置api设置技巧， 让开发更方便

Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改这些配置，以定制 Vue 的行为。Vue.config 的常用配置项包括：

• productionTip ：一个布尔值，指示 Vue 是否在开发模式下打印生产提示。在生产环境中，应将此选项设置为 false，以避免在控制台打印不必要的信息。

• devtools ：一个布尔值，指示 Vue 是否启用开发工具。在开发环境中，应将此选项设置为 true，以使用 Vue 的开发工具。在生产环境中，应将此选项设置为 false，以禁用开发工具。

• performance ：一个布尔值，指示 Vue 是否启用性能工具。在开发环境中，应将此选项设置为 true，以使用 Vue 的性能工具。在生产环境中，应将此选项设置为 false，以禁用性能工具。

• errorHandler ：一个函数，用于处理 Vue 抛出的错误。可以在此函数中记录错误信息，或执行其他操作。

• warnHandler ：一个函数，用于处理 Vue 抛出的警告。可以在此函数中记录警告信息，或执行其他操作。

• ignoredElements ：一个数组，包含需要忽略的元素的标签名。这些元素不会被 Vue 实例化。

• keyCodes ：一个对象，包含键码与按键名称的映射关系。可以在此对象中添加或修改键码与按键名称的映射关系。

• optionMergeStrategies ：一个对象，包含选项合并策略的映射关系。可以在此对象中添加或修改选项合并策略。

• silent ：一个布尔值，指示 Vue 是否在控制台打印警告信息。在开发环境中，应将此选项设置为 false，以在控制台打印警告信息。在生产环境中，应将此选项设置为 true，以禁用警告信息。

• devtools: (布尔) - 启用或禁用 devtools。

• productionTip: (布尔) - 在生产环境中是否显示提示。

• performance: (布尔) - 启用或禁用性能模式。

• errorHandler: (函数) - 自定义错误处理函数。

• warnHandler: (函数) - 自定义警告处理函数。

• ignoredElements: (数组) - 需要忽略的 HTML 标签的名称。

• keyCodes: (对象) - 将键码映射到按键名称的对象。

• optionMergeStrategies: (对象) - 用于合并选项的策略。

除了这些常用配置项之外，Vue.config 还有一些其他配置项。这些配置项通常用于高级用途，不适合在大多数项目中使用。

在项目中使用 Vue.config 时，可以将其作为 Vue 构造函数的第二个参数传入。例如：

new Vue({
  config: {
    productionTip: false,
    devtools: false
  }
});

也可以使用 Vue.util.config 方法来修改 Vue.config 的配置项。例如：

Vue.util.config.productionTip = false;
Vue.util.config.devtools = false;

希望本文对您有所帮助！