vue2能用defineProps

`defineProps` 是 Vue.js 2.x 版本中用于组件属性（props）声明和验证的方法。它允许你在组件的 `options` 中定义哪些 props 可以接收，并提供默认值、类型验证等。使用 `defineProps` 的好处在于：

1. **明确预期**: 提供了可读性强的 API，让其他开发者在使用组件时知道可以传入哪些属性。
2. **类型检查**: 可以在编译期间进行静态类型检查，避免运行时因传入错误类型的值导致的问题。
3. **默认值**: 定义了 prop 的默认值，如果组件实例化时未提供该值，将使用这些默认值。
4. **可选性**: 可以设置 prop 是否为必填项，方便开发者根据需求决定是否强制传递。

下面是 `defineProps` 的基本用法：

import { defineProps } from 'vue';

export default {
  // 在 components 的选项对象中
  props: {
    // 使用 defineProps 声明一个名为 "message" 的 prop
    message: {
      type: String, // 验证类型为字符串
      default: 'Hello, Vue!', // 默认值
      required: false, // 是否必填，可选
      validator: (val) => {
        // 自定义验证逻辑
        return typeof val === 'string';
      },
    },
    age: {
      type: Number,
      default: 20,
      required: true,
    },
  },
};