Vueのpropsタイプとデフォルト値

4554 ワード

  props: {
     
    demoString: {
     
      type: String,
      default: ''
    },
    demoNumber: {
     
      type: Number,
      default: 0
    },
    demoBoolean: {
     
      type: Boolean,
      default: true
    },
    demoArray: {
     
      type: Array,
      default: () => []
    },
    demoObject: {
     
      type: Object,
      default: () => ({
     })
    },
    demoFunction: {
     
      type: Function,
      default: function () {
      }
    }
  }
ただし、デフォルト値がオブジェクトの場合は
    demoObject: {
     
      type: Object,
      default: () => {
      }
    }
'()'を付けないと返されるのは空の関数体で、返される値はありません.デフォルトの書き方
    demoObject: {
     
      type: Object,
      default: function () {
     
        return {
     }
      }
    }