react组件集成到vue框架（Vuera的使用）

最近项目中有需要把react组件集成到vue框架中，自己研究了一下，最终实现了。有人会比较好奇为什么要这么做，主要是因为项目工期比较赶，如果自己开发这个功能最少需要半年的时间，所以找了三方组件集成进来，最后调研的组件中最符合业务需求的组件是使用react写的。

首先是调研了一下网上的解决方案，最后定下来使用Vuera三方插件来集成react，直接上代码：

 

<template>
<div id="root">
  <component :is="videoPlayer" ></component>
</div>
</template>
<script>
import { ReactInVue } from 'vuera';
import AnnotationPageContainer from './cvat-ui/containers/annotation-page/annotation-page';//react组件所在的开始页面

export default {
    components: { player: ReactInVue(AnnotationPageContainer)},
    data () {
        return{
          videoPlayer: "player",
        }
    },
}
18 <script>