vue-props 配置属性

props配置属性用于父子之间通信

用法:

在父组件的template模板调用子组件标签,并设置对应的属性传给子组件

 

因为是传递属性,所以也可以用bind进行动绑定,实现父组件data动态传输给子组件,子组件的props配置属性就是接收对应传输属性的对象

 

props:{
  name:{
      type:String,  //指定传输的类型,不符合报错
      required:true // 指定该属性必须传输
    } ,
  age:{
      type:Number,  //指定传输的类型,不符合报错
      default:99 // 如果没有传入则使用该默认值
    } ,
}

 

(1)接收到的数据会挂载到vc上可以直接调用,比如 vc.age 

(2)接收的数据不可以在子组件内修改

(3)props内数据初始化优先于data,所以才能调用

(4)如果需要处理传输的数据,就在子组件内重新定义一个变量去接收声明的数据,用这个新变量作为副本来处理

data(){
   myAge:this.age  
}

props:{
  name:{
      type:String,  //指定传输的类型,不符合报错
      required:true // 指定该属性必须传输
    } ,
  age:{
      type:Number,  //指定传输的类型,不符合报错
      default:99 // 如果没有传入则使用该默认值
    } ,
}