vue3中的props

在Vue 3中，props是一种用于接收父组传递的数据的特性。它允许父组件向子组件传递数据，并且子组件可以在内部使用这些数据。

在Vue 3中，props的定义方式有所改变。现在可以使用`props`选项来定义props，也可以使用`setup`函数来接收props。下面是两种定义props的方式：

1. 使用`props`选项：

// 在组件选项中定义props
const MyComponent = {
  props: {
    propA: String,
    propB: {
      type: Number,
      default: 100
    },
    propC: {
      type: [String, Number],
      required: true
    }
  },
  // ...
}

2. 使用`setup`函数：

import { defineComponent, ref } from 'vue'

const MyComponent = defineComponent({
  props: {
    propA: String,
    propB: {
      type: Number,
      default: 100
    },
    propC: {
      type: [String, Number],
      required: true
    }
  },
  setup(props) {
    // 使用props
    const count = ref(props.propB)

    return {
      count
    }
  }
})