vue-插槽

1.匿名插槽
2.具名插槽：有name。多个插槽的时候需要根据名字插入相应尾椎
3.作用域插槽：传值
父组件

<template>
 <P><template #s1>
         温馨提示
      </template> </P>
</template>
<script>
import P from '../components/post1.vue'

export default {
  components:{
    P
  }
}
</script>

子组件

<template>
  <div class="content">
    <p>返回</p>
    <p>发布</p>
    <input placeholder="请输入内容" />
    <slot name="s1"></slot>
  </div>
</template>