Vue中引入react组件

1、安装 vuera 库

命令：

yarn add vuera 
或者
npm i -S vuera

2、安装React 和 React Dom依赖

命令 :  

yarn add react   
yarn add react-dom

3、安装其他相关依赖 命令：

yarn add @babel/core -D（建议版本 "^7.12.9"）
yarn add  @babel/plugin-transform-runtime -D （建议版本"^7.17.0")
yarn add  @babel/preset-env -D （建议版本"^7.13.9")
yarn add  @babel/preset-react -D （建议版本"^7.16.7")
yarn add babel-loader -D （建议版本"^8.2.2")

4、main.js 里面相关配置

引入 VuePlugin

import { VuePlugin } from "vuera";

Vue.use(VuePlugin);

5、根目录新增vue.config.js文件，配置如下：

	module.exports = {
	  chainWebpack: (config) => {
	    config.module
	      .rule("src")
	      .test(/.(js|jsx)$/)
	      .use("babel-loader")
	      .loader("babel-loader")
	      .options({
	        presets: [
	          "@babel/preset-react",
	          "@babel/preset-env",
	          "@vue/cli-plugin-babel/preset",
	        ],
	        plugins: ["@babel/plugin-transform-runtime"],
	      });
	  },
	};
	

随笔小结，不喜勿喷，谢谢。