- 安装vuera库
vuera库地址:https://www.npmjs.com/package/vuera
首先需要在Vue项目中安装vuera库,安装指令如下:
// 使用yarn安装插件
yarn add vuera
// 使用npm安装插件
npm i -S vuera
- 安装依赖
由于我们需要在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"]
};
- 项目配置
接下来在项目中以插件的形式来引入并使用vuera库,我们需要在main.js中加入如下代码:
import { VuePlugin } from 'vuera'
Vue.use(VuePlugin)
(4.小优在线业务 安装的依赖)
npm install --save react react-lottie
npm install --save prop-types
5.使用组件
-----end-----