父传子

父传子

分析:

1.父传子,首先找到两个组件之间的关联.

1.父传子

父组件: 通过自定义属性传递数据
子组件: 通过props选型接收传递的数据

2.父传子注意事项

1.父传子: 父变,子变,子变,父不变.并且报错
2.父传子: 父变,子变.子变.父变,需要传递一个对象(因为对象是引入类型，公用一个地址，一个改全部改)
3.父传子:父变.子不变.子变.父不变, 在子组件中将接收的数据存入到新的属性中

3.props作用

• 接收父组件传递的数据
• 接收父组件传递的数据同时做校验
  • 常见的类型:Number String Array Object Boolean

// 若做数据校验时,props的值是一个json
  props:{
    username:{
      type:String,
      required:true,//必须传递该数据
    },
    age1:{
      type:Number,
    },
    sex:{
      type:String,
      default(){
        return '女'
      }
    }