vue中组件通信4(slot)

一、 slot
1.该方式用于父组件向子组件传递“标签数据”

vue中组件通信4(slot)

2.如同一个组件,切换不同页时只是使用了不同的标签

vue中组件通信4(slot)

3.给组件中不同站为分配数据,因此需要传递的时标签,且指定位置
在父子组件相对应的插槽(slot)格式:
vue中组件通信4(slot)

二、 实例如下:
1.在TodoFooter子组件中,定义插槽如下:
vue中组件通信4(slot)

2.在App父组件即指定插槽如下(在父组件中会有标签体)
vue中组件通信4(slot)

在父组件中指定插槽需要注意,由于传过来的标签体带有某些事件的响应,原本时在子组件中定了这些相关事件函数或者属性其代码,均需要剪切到父组件中,同时,之前若有父子组件之间的传递,子组件中也可以删除(总结:一些相关的东西都定义在父组件中)

vue中组件通信4(slot)