Vue中props类型及默认值

  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 () { }
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
其中，默认值为对象时
不能写成

    demoObject: {
      type: Object,
      default: () => { }
    }
1
2
3
4
不加’()'的话返回的是一个空函数体，没有返回值。
默认写法

    demoObject: {
      type: Object,
      default: function () {
        return {}
      }
    }