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

来源:互联网 发布:php开源在线教育系统 编辑:程序博客网 时间:2024/06/10 14:04

楼主我最近在学习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):

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

后来换了开发版本后才看到了报错信息,哎,这个坑踩的。
这里写图片描述

阅读全文
3 0
原创粉丝点击