vue3 params传参

在Vue 3中，你可以使用`props`来传递参数给子组件。以下是一个示例：

首先，在父组件中定义要传递的参数：

<template>
  <div>
    <child-component :param1="value1" :param2="value2" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent,
  },
  data() {
    return {
      value1: 'Hello',
      value2: 'World',
    };
  },
};
</script>

在子组件中，通过`props`接收参数：

<template>
  <div>
    <p>{{ param1 }}</p>
    <p>{{ param2 }}</p>
  </div>
</template>

<script>
export default {
  props: {
    param1: {
      type: String,
      required: true,
    },
    param2: {
      type: String,
      required: true,
    },
  },
};
</script>

在此示例中，父组件通过使用`:`绑定语法将`value1`和`value2`传递给子组件的`param1`和`param2` props。在子组件中，可以通过`{{ param1 }}`和`{{ param2 }}`来使用这些参数。

这是Vue 3中使用props传递参数的基本方法。你还可以使用`.sync`修饰符来实现双向绑定，或者使用`v-model`指令来简化传递和接收数据的过程。