vue2.0像子组件传递新数据（插槽）

父组件
<componentA>
    <p>123</p>
</componentA>
子组件

<template>
    <div>
        {{boonook}}
        <button @click ="emitMyEvent">emit</button>
        <slot></slot>
    </div>
</template>
插槽里面还可以存在默认值，当父组件中添加内容后将会将其覆盖，如果没有就会默认显示插槽里的内容

子组件

<template>
    <div>
        {{boonook}}
        <button @click ="emitMyEvent">emit</button>
        <!--<slot></slot>-->
        <slot name="header">no header</slot>
        <p>乱七八糟的内容</p>
        <slot name="footer">no footer</slot>
    </div>
</template>
父组件

<componentA>
    <p slot="header">XXXXXXXXXXheader</p>
    <p slot="footer">XXXXXXXXXXheader</p>
</componentA>