vue3中使用paeams传参

在Vue 3中，通过props（属性）向组件传递数据是一种常见的父子组件通信方式。Props允许父组件向子组件提供数据，而子组件则是只读的，不能直接修改这些值。以下是使用params（参数）传参的基本步骤：

1. **声明props**：在子组件的`setup()`或`<script setup>`部分，使用`defineProps`来声明需要接收的props，例如：

<script setup>
import { defineProps } from 'vue';

const props = defineProps({
  param1: {
    type: String,
    required: true, // 可选，指定该prop是否必需
  },
  param2: {
    type: Number,
  }
});
</script>

2. **在模板中使用props**：在组件的template标签内，可以直接使用`{param1}`、`{param2}`等变量引用这些props。

<template>
  <div>
    <h1>Param 1: {{ param1 }}</h1>
    <h2>Param 2: {{ param2 }}</h2>
  </div>
</template>

3. **父组件调用子组件并传参**：在父组件中创建子组件实例时，将参数作为props传递：

<parent-component :param1="someValue" :param2="anotherValue"></parent-component>