vue2 父组件传子组件,传一个值多个参数

如果你想在 Vue2 的父组件中传递多个参数给子组件，可以将这些参数放在一个对象或数组中，然后将该对象或数组作为一个参数传递给子组件。在子组件中，你可以通过 `props` 来接收这个对象或数组，并使用对象解构或数组下标来获取其中的每个参数。

以下是一个简单的示例：

父组件模板：

<template>
  <div>
    <my-child :props-data="data"></my-child>
  </div>
</template>

<script>
import MyChild from './MyChild.vue'

export default {
  name: 'MyParent',
  components: {
    MyChild
  },
  data() {
    return {
      data: {
        name: 'Tom',
        age: 20,
        gender: 'male'
      }
    }
  }
}
</script>

子组件模板：

<template>
  <div>
    <p>Name: {{ name }}</p>
    <p>Age: {{ age }}</p>
    <p>Gender: {{ gender }}</p>
  </div>
</template>

<script>
export default {
  name: 'MyChild',
  props: {
    propsData: {
      type: Object,
      required: true
    }
  },
  computed: {
    name() {
      return this.propsData.name
    },
    age() {
      return this.propsData.age
    },
    gender() {
      return this.propsData.gender
    }
  }
}
</script>

在上面的示例中，父组件传递了一个包含三个参数的对象 `data` 给子组件 `MyChild`，然后在子组件中使用 `props` 接收这个对象，并使用计算属性来获取其中的每个参数。在子组件的模板中，你可以直接使用这些计算属性来显示每个参数的值。