vue3 defineprops

Vue 3中的defineProps函数用于定义组件的props属性。它接受一个对象作为参数，该对象包含了组件所需要的props属性及其类型定义。通过使用defineProps，我们可以明确指定组件所需的props属性，以便在组件内部进行类型检查和验证。

以下是defineProps的使用示例：

import { defineComponent, defineProps } from 'vue';

const MyComponent = defineComponent({
  props: {
    // 使用defineProps定义props属性及其类型
    message: {
      type: String,
      required: true
    },
    count: {
      type: Number,
      default: 0
    }
  },
  setup(props) {
    // 在setup函数中可以通过props直接访问传入的props属性
    console.log(props.message);
    console.log(props.count);

    // ... 组件其他逻辑

    return {};
  }
});

在上面的代码中，我们通过defineProps函数定义了组件的props属性，其中message属性为必需的字符串类型，count属性为可选的数字类型并设置了默认值为0。然后，在组件的setup函数中，我们可以通过props对象访问传入的props属性。

注意：在Vue 3中，使用Composition API时，我们需要使用defineComponent来代替Vue.extend来定义组件。