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
      }
    }
  }
}