【问题标题】: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,但没有找到那里的信息,他们只有titlecomponentdecoratorsparameters。在生成的示例中我也找不到任何东西。

【问题讨论】:

标签: 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>

它确实出现了

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-27
    • 1970-01-01
    • 2019-09-18
    • 1970-01-01
    • 2012-01-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多