1

所以，我开始使用 Vue Composition API，它很棒。我在一个有 Vue 组件和 Vanilla JS 的项目中使用它。我正在 Vue 中构建一个通知系统，因为我们正在慢慢地以这种方式移动一切。

我目前有以下代码用于添加通知

export const useNotification = () => {
    const notifications              = ref([]);
    const visibleNotifications = computed(() => {
        return notifications.value.filter(notification => notification.visible === true).reverse();
    });

    const add = (notification: Notification) => {
        notifications.value.push(notification);
    };
};

我可以从 Vue 中完美地添加这个，但我还想从系统的 vanilla JS 部分添加一个通知。我尝试过使用useNotification().add()，但出现以下错误[vue-composition-api] must call Vue.use(plugin) before using any function.基本上，它希望我在 Vue 中使用它。

关于如何让这个工作的任何想法？

4

1 回答 1

3

由于使用vue-composition-apiwith的缺点vue2，并遵循此处的 SO 问题，我需要在导出的 TS 文件的类型中添加以下内容

import Vue               from 'vue';
import VueCompositionApi from '@vue/composition-api';

Vue.use(VueCompositionApi);
于 2020-08-21T00:08:34.163 回答