日常开发中可能会遇到在vue中使用react组件的需求，那么怎么在vue中使用react组件呢？本篇文章将为你介绍。
vue怎么用react组件？
Vue中引用React组件的步骤：
1、安装依赖
npm i -S vuera npm install --save react react-dom
2、编辑main.js:
import { VuePlugin } from 'vuera'
Vue.use(VuePlugin)
3、加入需要引用的react组件（相关课程推荐：Vue.js教程）
import MyReactComponent from './MyReactComponent'
4、编辑webpack.base.conf.js，加入对jsx的支持
test: /\.(js|jsx)(\?.*)?$/
5、在.babelrc文件中，用transform-react-jsx替换transform-vue-jsx
npm install --save-dev babel-plugin-transform-react-jsx
.babelrc文件
"plugins": ["transform-react-jsx"]
至此，我们便完成了在vue项目中引入react组件的目的
本文来自Vue.js答疑栏目，欢迎学习！
以上就是vue怎么用react组件？的详细内来源gaodaimacom搞#代%码网容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue怎么用react组件？
转载请注明原文链接：vue怎么用react组件？
