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

在 Vue2 中，你可以通过 props 属性来传递数据和参数给子组件。如果想传递一个值和多个参数，可以将它们放在一个对象中，然后将对象作为 prop 传递给子组件。

例如，假设你有一个父组件 Parent 和一个子组件 Child，你想传递一个名为 value 的值和两个参数参数 param1 和 param2，你可以这样做：

<!-- Parent 组件模板 -->
<template>
  <Child :my-prop="{ value: 'foo', param1: 'bar', param2: 42 }" />
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child,
  },
};
</script>

<!-- Child 组件模板 -->
<template>
  <div>{{ myProp.value }}, {{ myProp.param1 }}, {{ myProp.param2 }}</div>
</template>

<script>
export default {
  props: {
    myProp: {
      type: Object,
      required: true,
    },
  },
};
</script>

在上面的例子中，我们通过 v-bind 指令将一个对象传递给子组件的 my-prop 属性。在子组件中，我们定义了一个名为 myProp 的 prop，它的类型为 Object，然后我们在模板中使用这个 prop 中的值和参数。