vue props 传递多个值

在Vue中，使用props属性可以将数据从父组件传递给子组件。传递多个值可以通过两种方式实现。

第一种方式是使用对象作为props的值。例如，父组件可以这样定义props：

props: {
  prop1: {
    type: String,
    required: true
  },
  prop2: {
    type: Number,
    default: 0
  },
  prop3: {
    type: Boolean,
    default: false
  }
}

然后在父组件中使用子组件时，可以这样传递多个值：

<child-component :prop1="value1" :prop2="value2" :prop3="value3"></child-component>

在子组件中可以通过this.prop1、this.prop2、this.prop3来获取传递的值。

第二种方式是使用数组作为props的值。例如，父组件可以这样定义props：

props: ['prop1', 'prop2', 'prop3']

然后在父组件中使用子组件时，可以这样传递多个值：

<child-component :prop1="value1" :prop2="value2" :prop3="value3"></child-component>

在子组件中可以通过this.prop1、this.prop2、this.prop3来获取传递的值。

以上是传递多个值的两种常用方式。根据具体需求，可以选择适合的方式来传递多个props的值。