vue props属性无法校验
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue-project</title>
<script src="node_modules/_vue@2.4.2@vue/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
<h3>{{ parentValue }}</h3>
<example :propA="parentValue"></example>
</div>
<script>
Vue.component('example', {
props: {
//propA的类型为Number
propA: {
type: Number,
},
},
template: '<span> {{ propA }} </span>',
});
var vm = new Vue({
el: "#app",
data: {
parentValue: 'abcd',
}
});
</script>
</body>
</html>
propA绑定到了parentValue的值，类型验证定义为Number，当parentValue为字符串的时候为什么会没有出现错误？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
把代码写对后，如果使用的不是min版的vue.js，可以从控制台中看到warn提示：
注意html是不区分大小写的，所以propA根本没有传递给子组件，当然不会有错误提示，除非你还声明了required
注意区分
:propA和propA你在子组件里，定义了propA的类型必须是number的，所以你传进去的是String当然就报错啦
看文档
哈哈 我刚学习vue的时候也是由于用了驼峰命名导致一个报错 花了我好几个小时找
bug