美文网首页
Vue.config.warnHandler运行时警告赋予一个自

Vue.config.warnHandler运行时警告赋予一个自

作者: 戴眼镜的松鼠 | 来源:发表于2019-10-17 21:28 被阅读0次

    官方api:warnHandler-0

    warnHandler-0

    我们在开发环境经常会看到如下图所示:warnHandler-1,所示的报错,这个报错其实就是warnHandler报出来的,用以追踪错误具体来自哪个组件。

    warnHandler-1

    看下实现方式,先看下只在开发环境生效在哪判断的:warnHandler-2

    warnHandler-2

    看到这里不用解释了,非生产环境下生效。

    可以看出图warnHandler-1报的错误来自generateComponentTrace这个函数:

    看见这段,再看看warnHandler-1的格式,没错这里就是生成warnHandler-1字符串的地方:

    warnHandler-3

    当然还有一个方法:formatComponentName这个方法是定位到报错的组件,如果你在组件里面定义了name属性值,会取这个值,否则会匹配文件名,作为追踪路径,当然还有一个classify,这个只是首字母大写。

    warnHandler-4

    相关文章

      网友评论

          本文标题:Vue.config.warnHandler运行时警告赋予一个自

          本文链接:https://www.haomeiwen.com/subject/plonlctx.html