props

230 阅读1分钟

组件内需要获取某个数据时声明一个props 1.只获取一个数据 props:['text']

2.获取数据并定义prop可接收的类型

props:{
    text:{
      type:String,
      default:''
   }
}

3.获取数据并定义prop可接收的类型同时设置是否为必填

  props:{
    text:{
      type:String,
      default:'',
      required:true/false 
   }
  }

4.自定义只可接收哪些数值

 props:{
    text:{
    validator:function(val){
      return ['wang','xin','bo'].indexOf(val) !== -1 //当Array.indexof(val)传入值要===数组中的一个才能被返回
    }
   }
  }