vue slot

最新推荐文章于 2024-08-06 23:55:35 发布

zwhfyy

最新推荐文章于 2024-08-06 23:55:35 发布

阅读量96

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/zwhfyy/article/details/114728472

版权

vue 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

这是组件 slottwo

<template>
  <div class="slottwo">
    <div>slottwo</div>
    <slot name="header"></slot>
    <slot></slot>
    <slot name="footer"></slot>
  </div>
</template>

import slot-two from 'slottwo';

template 不占用任何组件

header

footer

<template>
  <div>
    我是父组件
    <slot-two>
      <p>正文</p>
      <template slot="header">
          <p>header的内容</p>
      </template>
      <p slot="footer">footer的内容</p>
    </slot-two>
  </div>
</template>