storybook+Vue

storybook 实例

功能介绍

.storybook/webpack.config.js 可以用来重写 storybook 的默认配置

相关插件介绍和使用

1. knobs
    knobs插件提供一个表单控制台，用户可以通过表单控制台来改变组件相关属性，展示不同属性下的组件
2.actions
    actions插件让用户在对组件的操作，可以反应在底部的日志里面
3.storysource
    addon插件可以让你直接在界面上看到当前sotry的源码
4.docs
    addon-docs插件让你可以为你的组件编写文档        

vue storybook 配置流程

https://storybook.js.org/docs/guides/guide-vue/

src/stories/*.stories.js 写法

import ElButton from '../components/ElButton'


export default {title: '3-Button'}; // 一级标题


/**
 * @desc 下面定义多个组件实例用法展示
 * @returns {
  {template: string, components: {ElButton: {components, destroyed, computed, data, watch, created, methods, name, mounted, props, activated}}}}
 */


// 单独导出 当前组件
export const