vue2组件通信，slot和slot-scope子父组件互相通讯

父组件

<child-component>
	<template slot="content" slot-scope="slotProps">
		<p>{{ slotProps.message }}</p>
	</template>
</child-component>

子组件

<slot name="content" message="这是子组件的消息"></slot>

父组件通过slot="content"将插槽内容传递给子组件，子组件通过message="这是子组件的消息"给父组件的slot-scope="slotProps"传递值到slotProps中。

注意：

1. 子组件向父组件传值时，不要与关键字重了;
2. slot和slot-scope必需在同一个dom元素，并且是子组件的第一个dom子元素。