<body>
<div id='example'>
<input v-model="message">
<br>
<child v-bind:message="message"></child>
</div>
<script type="text/javascript" src="js/vue.min.js"></script>
<script>
Vue.component('child', {
props: {
'message': Number
},
template: '<span>{{ message }}</span>'
})
new Vue({
el: '#example',
data: {
message: ''
}
})
</script>
</body>
在我学习vue,并且亲自一行一行代码的敲的时候,发现Vue的组件props校验,我怎么都实现不了,上面的代码中,我希望校验必须为数字,props里的message加不加引号都一样没效果,引入的vue.min.js也是官网上的最新的,但是它并没有校验,全程不管输入什么就是不报错,求教大神哪里写错了,万分感谢
vue.min.js
移除了很多错误警告。使用完整版vue.js
试试。