vue组件prop验证不起作用，vue没有抛出警告

Question

在对组件的prop进行验证，按照教程所写的在浏览器中运行，但是并没有抛出警告，好像没有进行验证，请问是为什么？

代码如下：

                    <div id="G8">

                    <input type="text" v-model="msg1" placeholder="数字验证">

                    <input type="text" v-model="msg2" placeholder="数字或者字符串">

                    <input type="text" v-model='msg3' placeholder="必传且是字符串">

                    <input type="text" v-model='msg4' placeholder="数字且有默认值">

                    <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>

                 

             

在浏览器中的运行，在输入框中输入任何字符都没有警告