带你了解vue的全局配置

今天我们去了解一下vue中关于全局配置的内容。Vue 的全局配置项是通过Vue.config 对象进行配置的。

silent配置项

首先我们先了解silent配置项，它用于配置是否取消 Vue 所有的日志与警告，当Vue.config.silent = true，表示取消所有的日志与警告。

<script>
        Vue.config.silent = true
        let vm = new Vue({
            el: "#app",
            data: {

            }
        })
    </script>

下列效果图是没有设置silent时：

下列效果图是设置 silent=true 时：

devtools配置项

devtools配置项，它用于配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true 可以启用检查。

errorHandler配置项

errorHandler配置项，它用于指定组件的渲染和观察期间 未捕获错误的处理函数 。这个处理函数被调用时，可获取错误信息和 Vue 实例。

warnHandler配置项

warnHandler配置项，它用于为 Vue 的 运行时警告赋予一个自定义处理函数。注意这只会在开发者环境下生效，在生产环境下它会被忽略。

 <script>
        Vue.config.warnHandler = function(msg, vm, trace) {
            // `trace` 是组件的继承关系追踪
            console.log("1." + msg);
            console.log("2." + vm);
            console.log("3." + trace);
        }
        let vm = new Vue({
            el: "#app",
            data: {

            }
        })
    </script>

在上述案例中，我故意让vue实例报错，然后让配置项捕捉错误，并执行一个自定义处理函数。效果图如下：

keyCodes配置项

keyCodes配置项，它用于给 v-on 自定义键位别名。

    <div id="app">
        <input type="text" @keyup.en="col" name="" id="">
    </div>
    <script>
        Vue.config.keyCodes = {
            en: 13
        }
        let vm = new Vue({
            el: "#app",
            methods: {
                col() {
                    console.log("这个是用于演练keyCodes配置项");
                }
            }
        })
    </script>

再上述案例中，我通过设置配置项的方法给Enter按键设置了一个别名并命名为en，然后再v-on指令中使用该别名，可以触发键盘按键事件，如下图：

productionTip配置项

productionTip配置项，它用于是否阻止 vue 在启动时生成生产提示。

    <div id="app">
        <input type="text" @keyup.en="col" name="" id="">
    </div>
    <script>
        Vue.config.keyCodes = {
            en: 13
        }
        Vue.config.productionTip = false
        let vm = new Vue({
            el: "#app",
            methods: {
                col() {
                    console.log("这个是用于演练keyCodes配置项");
                }
            }
        })
    </script>

在生产版本下，vue有一些的提示，可以通过该配置项设置将生产版本下的提示关闭，具体效果如下：

以上就是vue的全局配置了，这个只是大部分全局配置项！！！！