vue組件prop驗證不起作用，vue沒有拋出警告

在對組件的prop進(jìn)行驗證，按照教程所寫的在瀏覽器中運(yùn)行，但是并沒有拋出警告，好像沒有進(jìn)行驗證，請問是為什么？

代碼如下：

                    <div id="G8">
                    <input type="text" v-model="msg1" placeholder="數(shù)字驗證">
                    <input type="text" v-model="msg2" placeholder="數(shù)字或者字符串">
                    <input type="text" v-model='msg3' placeholder="必傳且是字符串">
                    <input type="text" v-model='msg4' placeholder="數(shù)字且有默認(rèn)值">
                    <h-component :g-msg='msg1' :h-msg='msg2' :i-msg='msg3' :j-msg='msg4'></h-component>
                 </div>
                 <script>
                     Vue.component('h-component',{
                         props:{
                          gMsg:Number,
                          hMsg:[String,Number],
                          iMsg:{type:String,required:true},
                          jMsg:{type:Number,default:100}
                         },
                         template:'<p><span>{{gMsg}}</span><br /><span>{{hMsg}}</span><br /><span>{{iMsg}}</span><br /><span>{{jMsg}}</span><br /></p>'
                     })
                     new Vue({
                      el:'#G8',
                      data:{
                        msg1:' xbv',
                        msg2:'',
                        msg3:'',
                        msg4:''
                      }
                     })
                 </script>
                 
             

在瀏覽器中的運(yùn)行，在輸入框中輸入任何字符都沒有警告