您的位置:首页 > 产品设计 > UI/UE

[vue.js] prop验证没有错误信息的可能原因:没有使用开发者版本

2017-06-29 17:33 323 查看
楼主我最近在学习vue.js。在学习组件一节的prop验证时,一直遇到一个问题:无论怎么尝试,我都得不到错误信息。

之后在公司的电脑上尝试,却立刻可以看到错误信息,回学校后复盘,却也无论如何都复盘不出来。

先给出一个最简单的例子


<div id="example">
<child my-message='hello'></child2>
</div>


Vue.component('child',{
props:{
myMessage:{
type:Number,
}
}
,
template: `
<div>
<p>{{ myMessage }}</p>
</div>
`
});
new Vue({
el:'#example',
});


分析这段代码可知,child组价对props验证,传入的myMessage必须是Number类型,而非初始化的String类型,所以应该报错。

然则页面上正常显示‘hello’,且无任何报错信息。

如果你在官方文档中学习了例子后往下拉,会发现这么一句话:

当 prop 验证失败,Vue会在抛出警告 (如果使用的是开发版本)。


这句话在这里:https://cn.vuejs.org/v2/guide/components.html

那么我使用的是什么版本:vue.min.js,这当然是生产版本啊。

官网文档一开始就写道(开发版本和生产版本都可以在下面这个链接内找到)

https://cn.vuejs.org/v2/guide/installation.html):

开发环境不要用最小压缩版,不然就失去了错误提示和警告


后来换了开发版本后才看到了报错信息,哎,这个坑踩的。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐