vue3中怎么使用props得值

在Vue 3中，你可以通过在组件中使用`props`属性来接收父组件传递的值。

首先，在组件的选项对象中定义一个`props`属性，它是一个对象，用于声明接收的属性及其类型。

// 子组件
export default {
  props: {
    propA: {
      type: String, // 属性类型为字符串
      required: true // 属性为必需的
    },
    propB: Number // 属性类型为数字
  },
  // 其他组件选项
}

然后，在父组件中使用子组件时，可以通过在子组件上使用属性绑定的方式传递值。

<!-- 父组件 -->
<template>
  <div>
    <child-component :propA="valueA" :propB="valueB" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      valueA: 'Hello',
      valueB: 123
    };
  }
}
</script>

在这个例子中，`valueA`和`valueB`是父组件中的数据，它们分别通过`:propA`和`:propB`绑定到子组件的`propA`和`propB`属性上。

在子组件内部，你可以通过`this.propA`和`this.propB`访问传递的属性值。例如：

// 子组件
export default {
  props: {
    propA: {
      type: String,
      required: true
    },
    propB: Number
  },
  mounted() {
    console.log(this.propA); // 输出：Hello
    console.log(this.propB); // 输出：123
  },
  // 其他组件选项
}

以上就是在Vue 3中使用`props`接收父组件传递的值的方法。希望对你有所帮助！如果你还有其他问题，可以继续提问。