如何在 Storybook for Vue 中添加描述文本？

【问题标题】：How do you add a description text in Storybook for Vue?如何在 Storybook for Vue 中添加描述文本？
【发布时间】：2021-07-06 23:59:25
【问题描述】：

我正在尝试查找有关如何创建一些文本来描述组件的信息，如https://storybook.js.org/docs/vue/writing-docs/doc-blocks 的此屏幕截图所示

我检查了Component Story Format，但没有找到那里的信息，他们只有title、component、decorators 和parameters。在生成的示例中我也找不到任何东西。

【问题讨论】：

我认为这是通过docs addon完成的。

标签： vue.js storybook

【解决方案1】：

根据@davidweldon 的评论。 how to document components 上有一个小插曲（重点是我的）

如果您是第一次在项目中包含 Storybook，我们会为您提供 DocsPage，这是一个文档模板，其中列出了组件的所有故事和相关元数据。它根据源代码、类型和 JSDoc cmets 推断元数据值。如果需要，您可以自定义此页面以创建自己的自定义模板。

所以我尝试了

<script>
import { defineComponent } from "vue";
/**
 * This is a test.
 */
export default defineComponent({
  setup(props) {
    const handleClick = () => {};
    const handleMouseOver = () => {};
    return {
      handleClick,
      handleMouseOver,
    };
  },
});
</script>

它确实出现了

【讨论】：