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

  • 相关阅读:
    k8s-基础入门
    Compose编排Spring Cloud微服务2
    Compose 编排 SpringCloud微服务
    Docker Compose 编排微服务
    首篇博客
    Vue--计算属性和侦听器
    Vue--事件处理--事件修饰符
    css 盒子模型理解
    移动前端开发之viewport的深入理解
    js中几种实用的跨域方法原理详解
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/15188014.html
Copyright © 2011-2022 走看看