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

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

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

相关内容

热门资讯

重大通报作弊器!乐乐上海麻将a... 重大通报作弊器!乐乐上海麻将ai智能透视辅助插件,乐乐上海麻将本来存在有外挂(有辅助挂方略)1、很好...
分享给玩家透视挂!家乡大贰ai... 分享给玩家透视挂!家乡大贰ai智能透视辅助工具,家乡大贰其实真的有外挂(有辅助挂细节)家乡大贰破解侠...
科普攻略开挂!英豪娱乐城ai智... 科普攻略开挂!英豪娱乐城ai智能透视辅助教程,英豪娱乐城好像真的是有外挂(有辅助挂头条)1、英豪娱乐...
总算了解辅助器!和悦游戏ai智... 总算了解辅助器!和悦游戏ai智能透视辅助教程,和悦游戏确实是真的有外挂(竟然有辅助挂)暗藏猫腻,小编...
揭秘关于辅助器!九九麻将ai智... 揭秘关于辅助器!九九麻将ai智能透视辅助技巧,九九麻将一贯是有外挂(有辅助挂方略)1、用户打开应用后...