Vue.js：父子组件通信-父传子（props）

一、父子组件通信：

• 背景 

• 子组件是不能是不能引用父组件或者Vue实例的数据的
• 在开发中，往往需要从上层传递到下层，比如在页面中，一般最外层组件从服务器请求到了很多数据，下层组件进行展示

• 如何进行父子组件间的通信呢？

• 通过props向子组件传递数据（父传子）
• 通过自定义事件向父组件发送消息（字传父）
  

• 父组件向子组件传递数据

        父组件中一些数据，交给子组件展示

在子组件中增加一个props属性声明，父组件作用域内调用该组件时，传入属性值即可。

二、代码 

 三、运行：