简述prop 如何指定其类型要求 ？

在Vue.js中，组件实例的作用域是独立的，每个组件都有自己的作用域。要将数据从父组件传递到子组件，需要使用props。为了确保传递的数据类型正确，可以为props指定类型要求。

这个过程在Vue.js中被称为“属性验证”。当你为组件的props指定类型时，Vue.js会在接收到props数据时进行检查，确保它们符合指定的类型。如果传入的props数据不满足类型要求，Vue.js会在控制台发出警告，这有助于在开发过程中捕获潜在的错误。

以下是如何为props指定类型要求的示例：

Vue.component('my-component', {
  props: {
    // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
    propA: Number,
    // 多种类型
    propB: [String, Number],
    // 必传且是字符串
    propC: {
      type: String,
      required: true
    },
    // 数字，有默认值
    propD: {
      type: Number,
      default: 100
    },
    // 数组/对象的默认值应当由一个工厂函数返回
    propE: {
      type: Object,
      default: function () {
        return { message: 'hello' }
      }
    },
    // 使用验证器函数
    propF: {
      validator: function (value) {
        // 这个值必须匹配下列字符串中的一个
        return ['success', 'warning', 'danger'].indexOf(value) !== -1
      }
    }
  }
})

在上述示例中，propA 必须是一个数字，propB 可以是字符串或数字，propC 必须是一个字符串且是必须的，propD 是一个数字且有默认值100，propE 是一个对象，其默认值由一个工厂函数返回，propF 是一个需要通过验证器函数检查的值。

请注意，这些类型检查只在开发模式下进行，生产模式下不会进行检查，也不会发出警告。因此，它们主要用于帮助开发者在开发过程中捕获可能的错误。