props

`props` 是 Vue.js 中一个重要的概念，用于定义组件的属性。通过在组件的 `props` 选项中定义属性名和类型，可以让外部传递数据到组件内部，从而实现组件的重用和灵活性。

在定义 `props` 时，可以使用对象字面量的方式进行定义，例如：

props: {
  propA: String,
  propB: [Number, String],
  propC: {
    type: Boolean,
    default: false
  },
  propD: {
    type: Number,
    required: true
  }
}

这里定义了四个属性，分别是 `propA`、`propB`、`propC`、`propD`，它们的类型分别为 `String`、`Number` 或 `String`、`Boolean`、`Number`。其中，`propC` 定义了默认值为 `false`，`propD` 则定义了必需的属性。

在使用组件时，可以通过在组件标签上添加属性来传递数据。例如：

<my-component prop-a="hello" :prop-b="123" prop-c prop-d="456"></my-component>

这里传递了四个属性，其中 `propA` 的值为 `"hello"`，`propB` 的值为 `123`，`propC` 没有传递具体的值，因此使用默认值 `false`，`propD` 的值为 `456`。在组件内部，可以通过 `this.$props` 来访问所有的 `props` 值。例如：

console.log(this.$props.propA); // 输出 "hello"
console.log(this.$props.propB); // 输出 123
console.log(this.$props.propC); // 输出 false
console.log(this.$props.propD); // 输出 456