vueでreactコンポーネントを使用する方法

Vue は反応コンポーネントを使用します。最初に依存関係をインストールし、次に [main.js] を編集します。最後に参照する必要がある反応コンポーネントを追加します。コードは [import MyReactComponent from './MyReactComponent'] です。

[関連記事の推奨事項: vue.js]

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 コンポーネントを追加します。

import MyReactComponent from './MyReactComponent'

この時点で最初の問題が発見されました:

これは難しくありません。これが vue プロジェクトであることを確認します。 jsx ファイル形式の問題が原因です。

解決策:

webpack.base.conf.js を編集し、jsx

test のサポートを追加します。 /\.( js|jsx)(\?.*)?$/

この時点で 2 番目の問題が発生しました:

理由:

npm install --save-dev babel-plugin-transform-react-jsx

transform-vue-jsx# を

に置き換えます

JavaScript

(ビデオ)

以上がvueでreactコンポーネントを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。