zoukankan      html  css  js  c++  java
  • 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 () { }
        }
      }

    其中,默认值为对象时
    不能写成

    demoObject: {
          type: Object,
          default: () => { }
        }

    不加’()'的话返回的是一个空函数体,没有返回值。
    默认写法

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

    订阅专栏  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 () { }    }  }1234567891011121314151617181920212223242526其中,默认值为对象时不能写成
        demoObject: {      type: Object,      default: () => { }    }1234不加’()'的话返回的是一个空函数体,没有返回值。默认写法
        demoObject: {      type: Object,      default: function () {        return {}      }    }————————————————版权声明:本文为CSDN博主「zhangyiyy」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/weixin_39457424/article/details/105289303

  • 相关阅读:
    java—— 字节流
    20-转>ES6转ES5的实现原理
    18-检验闭包是否真正理解?
    17-数组中去除基本数据类型和NaN的重复项(并保证原有数组顺序)
    16-实现一个Promise.all 和 Promise.race
    14-数组求和之递归方式
    13-斐波那契数列
    12-找到数组中的两项的和等于传入的指定数
    11-合并两个有序数组
    10-判断两个对象是否相等(有点类型every的实现)
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/15188014.html
Copyright © 2011-2022 走看看