菜鸟之路Vue----一

Posted 2020-09-09 通往代码之路

Vue api 学习笔记之 全局配置

1、Vue全局配置

Vue.config是一个对象，它包含了Vue的全局变量配置。

#silent  用来取消 Vue 所有的日志与警告，其值值类型为布尔值（Boolean），默认值为FALSE，语法：Vue.config.silent = true；

#optionMergeStartegies   自定义选项混合策略，传入三个参数，第一个用来作为 父级实例，第二个作为子级实例来使用，Vue自身实例被作为第三参数传入，语法：optionMergeStrategies: { [key: string]: Function }。如果要让自定义选项以自定义逻辑混合，可以向 Vue.config.optionMergeStrategies 添加一个函数：

1 Vue.config.optionMergeStrategies.myOption = function (toVal, fromVal) {
2   // return mergedVal
3 }

#devtools  配置是否允许vue-devtools检查代码，开发版本默认为TRUE，生产版本默认为FALSE，其值类型为布尔值（Boolean），语法：Vue.config.devtools = true（必须要在加载Vue之后立即同步来设置它）；

#errorHeader  用来指定一个处理函数，该函数工作在组件的渲染和观察期间未捕获错误时。当该函数被调用时，可获取错误信息和Vue实例，其值类型为函数（Function），默认抛出错误，用法：

1 Vue.config.errorHandler = function (err, vm) {
2   // handle error
3 }

#ignoredElements 让Vue忽略掉在Vue之外的自定义元素，否则他会认为是你忘记了全局的注册组件或者拼写发生了错误，其值类型为Array<string>，默认值为[],用法：

1 Vue.config.ignoredElements = [
2   \'my-custom-web-component\', \'another-web-component\'
3 ]

#keyCodes用来给v-on定义键位别名，其值类型为对象（{}），默认值{}，用法：

1 Vue.config.keyCodes = {
2   v: 86,
3   f1: 112,
4   mediaPlayPause: 179,
5   up: [38, 87]
6 }