vuejs组件参数校验

<div id="root">
        
        <child content="hell"></child>
</div>
<script>
        Vue.component('child',{
              props:{
                      content:String,//定义父组件传过来的值的类型
                      required:false,//如果是true，父组件传过来的值必须传
                      default:'default value',//如果父组件没有传值过来就使用这个默认值
                      validator: function(value) {  // 自定义校验器
                          return (value.length > 5)   //传过来的值长度必须大于5
                      }
              },
              template:'<div>{{content}}</div>'
        })
        var vm = new Vue({
                el:'#root'
        })
</script>