vue中使用react组件

1. 安装vuera库
   vuera库地址：https://www.npmjs.com/package/vuera
   首先需要在Vue项目中安装vuera库，安装指令如下：

// 使用yarn安装插件
yarn add vuera

// 使用npm安装插件
npm i -S vuera

2. 安装依赖
   由于我们需要在Vue中使用React组件，所以首先需要在项目中安装React，安装指令如下：

npm install --save react react-dom

在Vue中，是无法识别jsx语法的，所以需要安装依赖来识别react-jsx语法，安装指令如下：

npm install @babel/plugin-transform-react-jsx

安装完成之后，在babel.config.js文件中添加这个插件即可：

module.exports = {
  plugins: ["@babel/plugin-transform-react-jsx"]
};

3. 项目配置
   接下来在项目中以插件的形式来引入并使用vuera库，我们需要在main.js中加入如下代码：

import { VuePlugin } from 'vuera'
Vue.use(VuePlugin)

(4.小优在线业务 安装的依赖)

npm install --save react react-lottie
npm install --save prop-types

5.使用组件
-----end-----