Vue.js可以用于跨前端框架构建可插拔组件吗

Question

我想构建一个可插拔组件（最好是在vue中），该组件将在具有不同框架的项目中使用。

global.app = () => {
    new Vue({
        el: element,
        components: { App },
        template: '<div><App/></div>',
    });
};

我尝试将上述vue实例直接实例化为react组件和angular组件。似乎工作正常。

我已经阅读了有关在vue中插入vue（vuera，react-vue），angular和angularJS的文章。但是，我不确定这个想法会带来什么样的性能折衷。
有两个不同的框架一起工作是一个好主意吗？还有什么办法解决这个问题？