Vue中引入react组件

news/2024/7/15 18:40:22 标签: vue.js, react.js, javascript

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

javascript">import { VuePlugin } from "vuera";

Vue.use(VuePlugin);

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

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

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


http://www.niftyadmin.cn/n/26602.html

相关文章

asp.net c#大型综合管理系统源码 OA+HR+CRM综合办公管理系统源码

分享一套大型协同办公(OAHRCRM)系统源码。 本系统是强大构建系统,为OA办公系统HR人力资源管理系统CRM客户关系管理系统集合而成,人员可以单点登入多个系统完成自己的作业,超方便实用。全套源代码提供,不封…

定向投喂式会将我们囿于自我思维之下

昨日我在页面和某宝上搜过"嘉实多全合成机油5w40"这个型号的机油,今天在某信上或某音上也会给我推送对应品牌的信息给我! 此刻我意识到,自己的搜索痕迹成了算法的养料,在校准这个后台算法的同时,也达到了某…

力扣刷题记录——459.重复的字符串、461. 汉明距离、476. 数字的补数

本专栏主要记录力扣的刷题记录,备战蓝桥杯,供复盘和优化算法使用,也希望给大家带来帮助,博主是算法小白,希望各位大佬不要见笑,今天要分享的是——《459.重复的字符串、461. 汉明距离、476. 数字的补数》。…

Leetcode动态规划题解

第一题 509. 斐波那契数 题目描述:斐波那契数(通常用 F(n) 表示)形成的序列称为斐波那契数列 。该数列由 0 和 1 开始,后面的每一项数字都是前面两项数字的和。也就是: F(0) 0,F(1) 1 F(n) F(n - 1) …

致而立之年的自己

(点击即可收听)时间是连续性的,人越长大,越能体会到,所谓的跨年与过年,其实是没有多大意义的但只要是人,就需要制造一些仪式感,弄出一些特殊的节日,用于安慰自己,对于逝去的曾今做一个告别,制造些记忆点然而,记忆这东西,是很容易健忘的,就像昨天,前天,吃…

【Linux】编辑器 - vim 的使用与配置

目录 1、vim的基本概念 2、vim的基本操作 2.1、vim 编辑器的进入与退出 2.2、插入模式 2.3、命令模式 2.4、底行模式 3、vim的配置 3.1、自定义配置 3.2、自动化配置 vim 的前身是 vi,vi/vim的区别简单点来说,它们都是多模式编辑器,…

【Blende UV映射01】创建UV 使用UV贴图处理纹理

写在前面 这是进行云渲染的最后一步,实践!! 会跟着这个Blender 2.8 UV Mapping教程快速学习一边UV映射的东西,已经是最最最最基础的了。 本文是教程的P1-P7的过程记录。 1 UV映射 拿一个3D物体,怎么去切割它&…

C语言实现通讯录静态版本

通讯录中首先要有人的信息,然后是存放多少个人的信息 再丰富一下通讯录的功能,例如增删查改、显示、排序。 我们分三个文件来实现。 1、实现简易的菜单,通讯录的整体逻辑 #include"contact.h"void menu() {printf("*****…