如何在 Storybook 中注册全局 Vue 组件？

Question

有没有办法在 Storybook 中注册全局 Vue 组件，以便它与 Vue-CLI 中全局注册的 Vue 组件兼容？

Answer 1

您只需要在.storybook/preview.js文件中添加几行。

Vue.js 3

import {app} from '@storybook/vue3';

app.component('router-link', MockRouterLink);

Vue.js 2

import Vue from 'vue';

Vue.component('router-link', MockRouterLink);

但我还没有测试后一个，因为我只将 Storybook 与 Vue.js 3 应用程序一起使用。

Answer 2

你可以只使用这些行preview.js

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);
Vue.component('router-link', Vue.component('RouterLink'));

export const decorators = [(story) => ({
    components: {story},
    template: '<story />',
    router: new VueRouter()
})];

我的 vue-router 问题由此解决