当前位置:首页 » 《随便一记》 » 正文

理解vue2.x版本中productionTip=false设置无效的原因

23 人参与  2023年04月11日 15:49  分类 : 《随便一记》  评论

点击全文阅读


首先,我们看到vue官网中关于productionTip的API使用:在这里插入图片描述
但是,我在本地中使用却无效,代码如下:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>初识Vue</title><!-- 引入Vue --><script src="../js/vue.js"></script></head><body><script>Vue.config.productionTip = false; // 阻止 vue 在启动时生成生产提示</script></body></html>

于是,我在网上找了半天解决办法,都说是把vue.js的源码中的productionTip改成false,但是我想知道原因啊,并不是解决办法。
于是,我又去了vue的github中找解决办法,看到别人有提这个问题的。
在这里插入图片描述

于是我在底下的评论里看到这条:
在这里插入图片描述
大致翻译过来的解释是,在最新版本的Chrome中,在script中使用settimeout,将在允许第一个js完成后立即回调。
我们看一下源码的这部分:
在这里插入图片描述

确实是用了一个setTimeout包裹,那么,我们怎么知道这个setTimeout中的内容我在body中script设置的productionTip=false,谁先执行呢?
我们来测试一下:

我们先在body中的script中打印222
在这里插入图片描述然后我们在vue源码中打印config.productionTip
在这里插入图片描述
然后,我们去浏览器的控制台看结果,发现刷新了几下浏览器,有两种结果: 结果1——异常
在这里插入图片描述结果2——正常
在这里插入图片描述

原因解释:

异常返回——先返回true,然后是注释,最后是false,此时,vue.js加载完后执行的222,不会再进行判断,productionTip设置无效正常返回——先返回222,后返回false,setTimeout后执行,此时productionTip为false,注释方法后222执行,productionTip设置有效

哦!!到这里我就明白了,原来就是这个setTimeout和body中的script两个比较谁先,由于setTimeout异步,所以返回时间不确定谁快。

解决方法:

直接源码修改productionTip为false把源码中的setTimeout的时间改为10ms,这样提示内容会在你设置productionTip为false后生效,如下图:在这里插入图片描述

点击全文阅读


本文链接:http://zhangshiyu.com/post/59300.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 「朝月明风清」小说后续在线免费阅读_[清宁傅邺寒奶奶]后续完结版
  • 一见青山云端月结局+番外(苏慕绾沈廷淮)_一见青山云端月列表_笔趣阁(苏慕绾沈廷淮)
  • 往梦难复温结局+番外(沈淮霆宋思予)_往梦难复温结局+番外列表_笔趣阁(沈淮霆宋思予)
  • (番外)+(全书)谢梵声秦见鹿(我在回忆里万劫不复+结局+番外)全书在线_谢梵声秦见鹿免费列表_笔趣阁(我在回忆里万劫不复+结局+番外)
  • 我在回忆里万劫不复+结局+番外(谢梵声秦见鹿)列表_我在回忆里万劫不复(谢梵声秦见鹿)全书+后续+结局在线
  • 往梦难复温(沈淮霆宋思予),往梦难复温
  • 往梦难复温短篇(沈淮霆宋思予)全书免费_(沈淮霆宋思予)往梦难复温短篇后续(沈淮霆宋思予)
  • [错位时空的恋人]完整版在线阅读_苏璃沈星澜最新后续章节在线阅读
  • 兰因絮果,爱恨全如玉碎在线赏析谢长乐肖风行完本_兰因絮果,爱恨全如玉碎在线赏析(谢长乐肖风行)
  • 开着房车去古代逃荒种田吧新鲜出炉(顾欢喜)_开着房车去古代逃荒种田吧新鲜出炉(顾欢喜)
  • 予摘月前文+后续新上顾南意季屿州完本_予摘月前文+后续新上(顾南意季屿州)
  • 领证被男友爽约七次后,我转投闺蜜哥哥怀抱顾铭泽青妍_领证被男友爽约七次后,我转投闺蜜哥哥怀抱顾铭泽青妍列表

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1