vue 属性props定义方法

当子组件接收父组件传过来的值的时候,我们一般有两种方式来接收

不过大家好像都用第二种方式,我只有在不确定数据类型的时候才用第一种方式

第一种:

export default {
    // 不检测类型,全盘接受
    props: ["customer_id"],
}

第二种:

export default {
  props: {
    // 基础类型检测 (`null` 意思是任何类型都可以)
    propA: null,
    // 多种类型
    propB: [String, Number],
    // 必传且是字符串
    propC: {
      type: String,
      required: true
    },
    // 数字，有默认值
    propD: {
      type: Number,
      default: 100
    },
    // 数组/对象的默认值应当由一个工厂函数返回
    propE: {
      type: Object,
      default: function () {
        return { message: 'hello' }
      }
    },
    // 自定义验证函数
    propF: {
      validator: function (value) {
        return value > 10
      }
    }
  }
}