Vue父子传值子组件接收的6种接收数据类型

原创已于 2022-09-03 15:37:29 修改 · 3.5k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#vue的props接收类型 #父子传值props方式

于 2022-07-21 11:43:40 首次发布

vue 同时被 3 个专栏收录

123 篇文章

订阅专栏

js方法

54 篇文章

订阅专栏

html

46 篇文章

订阅专栏

本文详细介绍了如何在React或Vue中使用箭头函数和普通写法为组件属性(props)定义不同类型的默认值，包括字符串、数字、布尔值、数组、对象、函数等，并提供示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种箭头函数写法

props: {
    List: {  //字符串
      type: String,
      default: ''
    },
    List: {  //数值
      type: Number,
      default: 0
    },
    List: {  //布尔值
      type: Boolean,
      default: true
    },
    List: {  //数组
      type: Array,
      default: () => []
    },
    List: {  //对象
      type: Object,
      default: () => ({})
    },
    List: {  //方法
      type: Function,
      default: function () { }
    }
  }

第二种普通写法

    props: {
        List: {
            type: Array,
            default () {
                return []
            }
        },
        List: {
            type: Object,
            default () {
                return {}
            }
        },
    },