来自Vue外部的Vue组合API

Question

因此，我已经开始使用Vue组合API，它非常出色。我正在使用它的一个项目，有Vue组件，但也香草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中完美地获得这个添加，但我也希望从系统的普通JS部分添加一个通知。我尝试过使用useNotification().add()，但是我得到了下面的错误[vue-composition-api] must call Vue.use(plugin) before using any function.，它希望我在Vue中使用它。

我是怎么做到的有什么想法吗？

Answer 1

由于将vue-composition-api与vue2一起使用的缺点，并且在SO问题here,之后，我需要在导出的TS文件的类型中添加以下内容

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

Vue.use(VueCompositionApi);