Vue中引入react组件
创始人
2024-05-11 04:30:40
0

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"],});},};

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

相关内容

热门资讯

财政部 央行:以利率招标方式进...   3月10日金融一线消息,财政部、中国人民银行于2025年3月10日以利率招标方式进行了2025年...
京湘连线丨期盼简牍文化传播更广 “今天馆里参观的观众不少,作为志愿者,我听到湖南代表团提议在湖南建立中国简牍中心,内心有点激动。简牍...
支持科技创新 金融资本要“胆大... 来源:科技日报 原标题:支持科技创新 金融资本要“胆大心细”在3月6日举行的十四届全国人大三次会议经...
中南股份跌2.30%,成交额5... 3月10日,中南股份盘中下跌2.30%,截至10:08,报2.97元/股,成交5950.71万元,换...
刘宁代表:为建设更高水平平安中... 全国人大代表,河南省委书记、省人大常委会主任刘宁为建设更高水平平安中国法治中国作出重要贡献3月8日,...
华塑科技跌2.08%,成交额3... 3月10日,华塑科技盘中下跌2.08%,截至10:07,报58.82元/股,成交3651.90万元,...
安徽抢占万亿级具身智能新赛道 来源:安徽日报 今年全国两会上,“具身智能”首次被写入政府工作报告。会场外,有关人工智能的热点也是一...
中国重汽跌2.01%,成交额6... 3月10日,中国重汽盘中下跌2.01%,截至10:05,报19.04元/股,成交6212.59万元,...
曾任两国央行行长,加拿大新总理... 当地时间3月9日晚,加拿大执政党自由党新党首选举投票结果出炉,曾担任加拿大央行行长和英国央行行长的马...
德明利跌2.04%,成交额5.... 3月10日,德明利盘中下跌2.04%,截至10:04,报151.51元/股,成交5.38亿元,换手率...
苏州高新跌2.13%,成交额5... 3月10日,苏州高新盘中下跌2.13%,截至10:05,报5.96元/股,成交5023.71万元,换...
中国软件跌2.03%,成交额2... 3月10日,中国软件盘中下跌2.03%,截至10:06,报46.83元/股,成交2.97亿元,换手率...
凯赛生物跌2.09%,成交额6... 3月10日,凯赛生物盘中下跌2.09%,截至10:10,报48.75元/股,成交6117.25万元,...
邦彦技术跌2.00%,成交额3... 3月10日,邦彦技术盘中下跌2.00%,截至10:06,报20.53元/股,成交3308.63万元,...
历史上的今天|1999年3月1... 1999年3月10日,在中国杭州,“阿里巴巴”网站正式推出,最初专注于B2B(企业对企业)电子商务,...
国联股份跌2.02%,成交额1... 3月10日,国联股份(维权)盘中下跌2.02%,截至10:09,报28.10元/股,成交1.57亿元...
建科股份涨2.03%,成交额1... 3月10日,建科股份盘中上涨2.03%,截至10:09,报14.57元/股,成交1651.04万元,...
运达股份跌2.06%,成交额6... 3月10日,运达股份盘中下跌2.06%,截至10:07,报12.36元/股,成交6838.75万元,...
容大感光涨2.19%,成交额8... 3月10日,容大感光盘中上涨2.19%,截至09:55,报48.50元/股,成交8677.57万元,...
滨江集团跌2.08%,成交额5... 3月10日,滨江集团盘中下跌2.08%,截至09:47,报10.81元/股,成交5569.84万元,...