TS的@prop传参和接受方式

原创已于 2023-12-28 11:46:48 修改 · 577 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-09-15 15:11:43 首次发布

TS + Vue2 专栏收录该内容

32 篇文章

订阅专栏

博客主要提及前端领域的关键元素，包括对象、字符串和数组，这些都是前端开发中常用的数据类型，在构建网页和应用程序时发挥着重要作用。

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

1.对象

父组件：
    <子组件 ref='子组件别名' :secondFlowmeter='secondFlowmeter'></子组件>


子组件
    @Prop({
        default: () => {
          return {}
        }
      })
      secondFlowmeter: any

  @Prop({
    default: () => {
      return {}
    }
  })
  secondFlowmeter: any

2.字符串

父组件：
    <子组件 ref='子组件别名' :flowmeterId='flowmeterId'></子组件>


子组件
   @Prop({
    default: () => {
      return null
    }
  })
  private flowmeterId: string


 @Prop({
    default: () => {
      return null
    }
  })
  plannedStartTime: String

3.数组

父组件：
    <子组件 ref='子组件别名' :params='params'></子组件>


子组件
   @Prop({
    default: () => {
      return []
    }
  })
  params: any[]

  @Prop({
    required: true,
    default: []
  })
  materials: any //基础物料信息