<ContentSlot>

该 <ContentSlot> 组件使在您的 Vue 组件中使用 Markdown 语法变得更加容易。

当您创建希望在 Markdown 内容中使用的组件时，它很有用。

道具

• use: 要绑定的插槽，您必须通过 $slots.{your_slot} 在 <template> 中提供 use。
  • 类型: Vue 插槽 Function
  • 示例: $slots.default
• unwrap: 是否解包内容。当您想要提取嵌套在原生 Markdown 语法中的内容时，这很有用。每个指定的标签都将从 AST 中删除。
  • 类型: boolean 或 string
  • 默认值: false
  • 示例: 'ul li'

示例

<template>
  <h2 class="fancy-header"><ContentSlot :use="$slots.default" unwrap="p" /></h2>
</template>

然后在 Markdown 中使用它

::fancy-header
That text paragraph will be unwrapped.
::

将导致

<h2 class="fancy-header">That text paragraph will be unwrapped.</h2>