编辑“︁Vue.js组件通信”︁（章节）

== Props：父组件向子组件传递数据 ==

Props是Vue.js中最基础的组件通信方式，允许父组件向子组件传递数据。子组件通过`props`选项声明接收的数据。

=== 基本语法 ===

<syntaxhighlight lang="javascript">
// 子组件：ChildComponent.vue
export default {
  props: ['message'],
  template: `<div>{{ message }}</div>`
}
</syntaxhighlight>

<syntaxhighlight lang="javascript">
// 父组件：ParentComponent.vue
<template>
  <ChildComponent message="Hello from Parent!" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: { ChildComponent }
}
</script>
</syntaxhighlight>

=== 输出 ===
子组件会显示：  
<code><div>Hello from Parent!</div></code>

=== 注意事项 ===
* Props是单向数据流，子组件不能直接修改父组件传递的数据。
* 可以通过`.sync`修饰符或`v-model`实现双向绑定（Vue 2.x）。