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"],
});
},
};
随笔小结，不喜勿喷，谢谢。