- 安裝vuera庫
vuera庫地址:https://www.npmjs.com/package/vuera
首先需要在Vue項(xiàng)目中安裝vuera庫,安裝指令如下:
// 使用yarn安裝插件
yarn add vuera
// 使用npm安裝插件
npm i -S vuera
- 安裝依賴
由于我們需要在Vue中使用React組件,所以首先需要在項(xiàng)目中安裝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"]
};
- 項(xiàng)目配置
接下來在項(xiàng)目中以插件的形式來引入并使用vuera庫,我們需要在main.js中加入如下代碼:
import { VuePlugin } from 'vuera'
Vue.use(VuePlugin)
(4.小優(yōu)在線業(yè)務(wù) 安裝的依賴)
npm install --save react react-lottie
npm install --save prop-types
5.使用組件
-----end-----