Props 是 Vue 中的特殊属性，允许父组件向子组件传递数据，实现组件之间通信、动态创建组件和提高可复用性。使用 Props 时，需要在子组件中定义它们，并在父组件中传递值，且 Props 名称必须相同，只能由父组件修改，类型可以是原始类型或复杂对象。
Props 在 Vue 中的作用
Props 是 Vue.js 中的一种特殊属性，用于在组件之间传递数据。它们允许父组件将数据传递给子组件，从而创建可重用且可组合的组件。
作用：
- 数据传递：在父组件和子组件之间传递数据，从而实现组件之间的通信。
- 创建动态组件：根据父组件中提供的道具动态生成子组件。
- 单向数据流：Props 只允许父组件向子组件传递数据，确保数据流单向且可预测。
- 提高可复用性：通过将数据作为 Props 传递，可以创建可复用组件，这些组件可以根据接收的 Props 进行不同的行为。
使用：
立即学习“前端免费学习笔记（深入）”；
要使用 Props，需要在子组件中定义它们，并在父组件中传递值。
子组件：
<code class="vue"><script>
export default {
props: {
data: {
type: String,
required: true,
},
},
};
</script></code>父组件：
<code class="vue"><template> <ChildComponent :data="someData" /> </template></code>
注意事项：
- Props 的名称必须与父组件传递数据时使用的名称相同。
- Props 必须是只读的，只有父组件可以修改它们。
- Props 的类型可以是原始类型（例如字符串、数字）或复杂对象。
