Vue的子组件props如何设置多个校验类型

props: {
    iconClass: {
      type: String | null,
      required: true,
      default: ""
    }
},

props: {
  iconClass: [String , null]
},

props: {
    iconClass: {
        validator: (value)=> {
          const getResult = Object.prototype.toString.call(value)
          if(getResult === "[object Null]" || getResult === "[object String]") return true;
        },
        required: true,
        default: ""
  },
}

<child :content="1"></child>

Vue.component('child',{
              props:['content'],
              template: "<div>{{content}}</div>",
          })

<child :content="1"></child>

Vue.component('child',{
              props:{
               content: [String,Number],   //这样就限制了参数的类型为String或者Number.
             },
              template: "<div>{{content}}</div>",
          })

 Vue.component('child',{
              props:{
                 content:{
                     type:Number,   //限制参数的类型为Number
                     default:100,   //设置参数的默认值为100
                     required:false,  //是否必须
                 } 
              },
              template: "<div>{{content}}</div>",
          })

Vue.component('child',{
              props:{
                 content:{
                     type:Number,
                     default:100,
                     required:false,
                     validator:function(value){   //自定义校验的规则
                         return value>5;
                     }
                 }
              },
              template: "<div>{{content}}</div>",
          })