9. 组件之间的通信

1. 父组件渲染子组件

　　a. 在父组件中注册子组件

　　import ComA from ''

　　b. 在父组件vue的实例配置

　　components: {ComA}

　　c. 在父组件template内

　　<com-a></com-a>

　　d. 向子组件传递数据

　　<com-a :add-item="listData"></com-a>

2.slot 插槽

　　a.在父组件中设置插槽

<com-a>
    <div slot="header">
......
    </div>
    <div slot="footer">
......
    </div>
</com-a>

　　b.在子组件中接收插槽

<slot name="header">这里可以写默认值</slot>
<slot name="footer">。。。</slot>

3. 动态组件

<p :is="currentCpnA"></p>

通过:is 动态绑定一个变量currentCpnA，改变currentCpnA的值，达到组件切换的效果。