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>