vue中使用react组件

  1. 安装vuera库
    vuera库地址:https://www.npmjs.com/package/vuera
    首先需要在Vue项目中安装vuera库,安装指令如下:
// 使用yarn安装插件
yarn add vuera

// 使用npm安装插件
npm i -S vuera
  1. 安装依赖
    由于我们需要在Vue中使用React组件,所以首先需要在项目中安装React,安装指令如下:
npm install --save react react-dom

在Vue中,是无法识别jsx语法的,所以需要安装依赖来识别react-jsx语法,安装指令如下:

npm install @babel/plugin-transform-react-jsx

安装完成之后,在babel.config.js文件中添加这个插件即可:

module.exports = {
  plugins: ["@babel/plugin-transform-react-jsx"]
};
  1. 项目配置
    接下来在项目中以插件的形式来引入并使用vuera库,我们需要在main.js中加入如下代码:
import { VuePlugin } from 'vuera'
Vue.use(VuePlugin)

(4.小优在线业务 安装的依赖)

npm install --save react react-lottie
npm install --save prop-types

5.使用组件
-----end-----

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容