vue3中defineProps的作用

在Vue 3中，`defineProps`是一个用于定义组件属性的函数。它的作用是定义组件的props属性，且可以指定props的类型、默认值、验证规则等。

通过使用`defineProps`，我们可以明确指定组件所需的props，并且可以在编译时进行类型检查，以提高代码的可靠性和可维护性。这样可以避免在组件内部使用props时出现错误或者不符合预期的情况。

使用`defineProps`的示例代码如下：

import { defineProps } from 'vue';

export default {
  props: {
    // 使用defineProps定义props
    message: String,
    count: {
      type: Number,
      default: 0,
      validator: (value) => value >= 0,
    },
  },
  setup(props) {
    // 在setup函数中可以直接使用props
    console.log(props.message);
    console.log(props.count);

    // ...
  },
};

在上述示例中，我们使用`defineProps`定义了两个props：`message`和`count`。其中，`message`的类型为String，而`count`的类型为Number，并且设置了默认值为0，并且通过validator函数验证了count的值必须大于等于0。