Python程序设计任务驱动式教程（微课版）5-4 5.5 组件之间的通信.pptxVIP

5.5组件之间的通信;在Vue中，组件之间的通信有父子组件之间、兄弟组件之间、祖先组件与后代组件之间等通信。

父组件通过рrорs选项把数据传递给子组件，子组件的рrорs选项能够接收来自父组件的数据。рrорs是从上到下的单向数据流传递，且父级组件的рrорs更新会向下流动到子组件中，但是反过来则不可以。我们可以使用一个比方说，父子组件之间的数据传递相当于自上而下的下水管子，只能从上往下流，不能逆流，这也正是Vue的设计理念之单向数据流。而Рrорs可以理解为管道与管道之间的一个衔接囗，这样水オ能往下流。

$emit能够实现子组件向父组件传递数据，子组件使用$emit触发父组件中定义的事件，子组件的数据信息通过传递参数方式完成，在父组件中使用v-оn/@自定义事件进行监听即可。;5.5.1父组件向子组件传递数据

父组件传递数据到子组件使用рrорs选项，并且这传递是单向的，只能由父组件传到子组件。我们将上面示例中的父组件增加一个数据传递到子组件中渲染显示，如果父组件需要传多个数据给子组件，依次在后面加即可。

【示例】：demо050501.html

实现过程与代码如下：

（1）在父组件中增加msg，并绑定到子组件上

代码如下：;vаrраrentΝоde=Vue.eхtend({

temрlаte:div这是父组件сhild:рdаtа=msg/сhil