Vue.config.silent 取消 Vue 所有的日志与警告。

先上官方描述如下图silent-0:

Vue.config.silent 取消 Vue 所有的日志与警告。_第1张图片
silent-0

描述:取消 Vue 所有的日志与警告。

值:Boolean(true&false)

用法:Vue.config.silent = true,默认是false

注释了silent,message,如下图silent-1。运行一下,打开控制台,报错如下图silent-2。

Vue.config.silent 取消 Vue 所有的日志与警告。_第2张图片
silent-1
Vue.config.silent 取消 Vue 所有的日志与警告。_第3张图片
silent-2

设置Vue.config.silent = true时,如图silent-3,报错日志消失如图silent-4

Vue.config.silent 取消 Vue 所有的日志与警告。_第4张图片
silent-3
Vue.config.silent 取消 Vue 所有的日志与警告。_第5张图片
silent-4

接下来看下工作原理:

首先我们去源码里面找到打印错误日志的地方,我们直接去源码里面搜索这个错误如下图silent-5

Vue.config.silent 取消 Vue 所有的日志与警告。_第6张图片
silent-5

1.是我们打包过后的dist文件

2.是weex里面使用的警告

由此可见3才是我们报出错误的地方。可以看到里面有一个warn函数调用,我们去warn里面看下(无关的代码不在此赘述)如图silent-6,绿色框内就是判断逻辑,看到这里基本上就是明白了。

Vue.config.silent 取消 Vue 所有的日志与警告。_第7张图片
silent-6

为了确认config就是Vue.config我们在global-api/index.js文件夹下查看initGlobalAPI方法如下图silent-7:

Vue.config.silent 取消 Vue 所有的日志与警告。_第8张图片
silent-7

至此搞定Vue.config.silent这个方法的实现。

你可能感兴趣的:(Vue.config.silent 取消 Vue 所有的日志与警告。)