组件之间的通信之动态组件

1.什么叫做动态组件

通过:is="XXX"绑定的组件，被绑定的变量被定义在data里面可以进行动态的更新。

类似路由<router-view></router-view>

<keep-alive>

<com-a></com-a>

</keep-alive>

//在切换组件的时候，<keep-alive>可以存储下当前的组件，以便在后序切换回来的时候提高效率

2.组件之间的交互方式

（1）父组件向内传递一个props

<com-a :my-prop="prop1">

在子组件内部，通过定义这个props来获取父组件传进来的数据

export default{

   props:{

prop1:[Number,String],

prop2:[Number,String]

......

}

}

（2）子组件触发一个事件，父组件通过监听这个事件来获取子组件的信息

（3）父组件通过向子组件插入插槽 子组件使用标签<slot>进行接收

总结：

（1）使用组件树设计项目，配置文件链接各个组件 -命名转换，动态组件is :bind

（2）父组件向内传递属性-动态属性

（3）子组件向外发布事件 

（4）插槽传递模板-    默认slot，具名slot